Chrome中的CSS显示问题:background-image&位置

时间:2012-12-10 21:10:29

标签: css google-chrome browser web

最近,我第二次发现一个在Chrome浏览器中正常显示的网页不再这样做,我的结果没有变化。我甚至无法确定哪里 Chrome出错了。我会给出我的例子,并感谢任何建议,提示或解决方案!

背景图片 网站saversetter.com使用垂直平铺的背景图片。 Chrome不再显示它们。在Firefox或IE中查看渐变背景是否可见。几个月前,Chrome正确显示了这一点。

位置 滚动到deadlynightshades.com上的页面底部,将鼠标悬停在那里的游戏中。直到几周前,Chrome和所有浏览器都显示标题在中下方突然降低。然后我突然知道,Chrome 一个人开始错误地定位标题。我在Chrome中解决了这个问题,只是为了在其他浏览器中打破它,就像现在这样。此示例目前在Chrome中看起来不错,但不应该。查看Firefox或IE中的缩放器,以查看错误对齐的标题的外观。

这些网页在Chrome中运行,然后突然无法正确显示,我的结果没有任何已知的更改。在其更新中,Chrome是否正在大幅改变CSS显示涉及背景图像或绝对位置的规则?

ADDENDUM:这个问题Is there a bug in Chrome's CSS visibility rendering?看起来与我的zoomer问题有关,抱歉我没有早点发现它!

解决方案:很抱歉问这个,然后找出我自己的解决方案。请求帮我解决问题,但是我将来会更加小心你的时间! 通过在jquery为动画标题创建的css中指定百分比位置而不是像素位置来修复位置问题。没有针对此的一般解决方案,或者改变了Chrome的内容。无法在测试环境中重现,因此除了Chrome中的更改外,它还与我的页面有关。

关于背景图片显示,Chrome存在背景尺寸问题。

background-size: 25% auto;被缩减为background-size: 25%;,25%的高度和宽度都被错误地重复使用。我将“自动”更改为“100%”,Chrome开始显示一个像素高的图像。究竟在这种情况下自动意味着什么不清楚,我不知道为什么我用它开始,但Firefox和IE渲染它作为图像的大小,而Chrome似乎使用两个维度的另一个,定义的值

1 个答案:

答案 0 :(得分:0)

我只是想发布您的解决方案,以便很明显找到它,任何寻找答案的人都不会错过它。它看起来有点隐藏在你的问题中。

  

通过在jquery为动画标题创建的css中指定百分比位置而不是像素位置来修复位置问题。没有针对此的一般解决方案,或者改变了Chrome的内容。无法在测试环境中重现,因此除了Chrome中的更改外,它还与我的页面有关。