6

最近第二次,我发现一个在 Chrome 中正常显示的网页不再显示,我的端没有任何变化。我什至无法确定Chrome 哪里出了问题我会给出我的例子,并感谢任何建议、提示或解决方案!

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

position在deadlynightshades.com 上滚动到页面底部,并将鼠标悬停在此处的缩放器上。直到几周前,Chrome 和所有浏览器都显示标题突然出现在中心底部。然后突然间,我现在知道,只有Chrome开始错误定位标题。我在 Chrome 中修复了这个问题,只是为了在其他浏览器中打破它,这就是现在的情况。这个例子目前在 Chrome 中看起来不错,但不应该。在 Firefox 或 IE 中查看缩放器以查看未对齐的标题的外观。

这些页面在 Chrome 中工作,然后突然不再正确显示,我没有任何已知的变化。在其更新中,Chrome 是否已经彻底改变了涉及背景图像或绝对位置规则的 CSS 显示?

附录:这个问题Chrome 的 CSS 可见性渲染中是否存在错误?看起来与我的变焦问题有关,抱歉我没有早点发现它!

解决方案:很抱歉问这个问题,然后想出我自己的解决方案。问帮助我解决了问题,但我以后会更加小心你的时间!通过在 jquery 创建的用于动画标题的 css 中指定百分比位置而不是像素位置来解决位置问题。没有通用的解决方案,或者 Chrome 发生了什么变化。无法在测试环境中重现,因此除了 Chrome 中的更改之外,这与我的页面有关。

关于背景图像显示,Chrome 存在背景大小问题。

background-size: 25% auto;正在减少到background-size: 25%;并且 25% 被错误地重复用于高度和宽度。我将“自动”更改为“100%”,Chrome 开始显示一像素高的图像。在这种情况下,auto 的确切含义尚不清楚,我不知道为什么我一开始就使用它,但是 Firefox 和 IE 将其呈现为图像的大小,而 Chrome 似乎对两个维度都使用了另一个定义的值.

4

1 回答 1

0

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

通过在 jquery 创建的用于动画标题的 css 中指定百分比位置而不是像素位置来解决位置问题。没有通用的解决方案,或者 Chrome 发生了什么变化。无法在测试环境中重现,因此除了 Chrome 中的更改之外,这与我的页面有关。

于 2012-12-13T07:20:40.493 回答