2016-02-27 66 views
2

我有一个文本与环绕使用这个CSS文字背景图像标题图像位置:背景错误

.page-id-44491 #page-header-bg h1 { 
font-size:69px !important; 
text-transform:uppercase; 
background: url(http://rocketcafe.co.uk/wp-content/uploads/2015/12/scribble.png) no-repeat; 
background-size: 500px 200px; 
background-position: 50% calc(50% - 5px); 
} 

这工作完全在大多数浏览器,我想,大多数设备 - 但是我看到网站上的三星平板电脑昨天和背景图像根本没有定位。

您可以在这里看到了两个比较(第2是由客户端发送,而不是伟大的品质)

该网站是http://www.rocketcafe.co.uk/

而且例子是:

https://www.dropbox.com/s/mxmmtmtz0pfshhu/Screen%20Shot%202016-02-27%20at%207.15.55%20PM.png?dl=0

https://www.dropbox.com/s/i4snyu96nsxkeo9/12782387_10153893672215729_994231173_n.jpg?dl=0

有谁知道这是为什么?没有背景图像属性或计算功能的供应商前缀,所以我不知道为什么这不起作用?

任何帮助将不胜感激。

感谢

+0

你用什么浏览器?检查这个检查'calc'支持http://caniuse.com/#feat=calc – drosam

+0

我只是等着听从客户端回,因为他是在他的平板电脑上运行什么系统。我可以删除钙,只有50%的50%,但有另一种方法来做抵消?也许我可以尝试转换翻译 –

回答

1

可惜我不能为您提供完整的答案。但我可以帮忙。

这是对的截屏的Android浏览器。对开发者来说是一种纯粹的邪恶函数calc(可能更少的函数,我用它少)不在那里工作。

请看这里。也许this answer可以帮助你或某人提供适合你的替代品。

+0

非常感谢,我会尝试去除calc函数并看看我如何去。我会回报。不幸的是,我没有一个设备可以测试,但我会看看我如何去。 –

+0

想想吧,填充将适用于整个div,我只需要移动背景... –

+1

我一起去除了calc函数,它工作正常。定位并不像我以前那么精确,但它解决了问题。谢谢! –