最近第二次,我发现一个在 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 似乎对两个维度都使用了另一个定义的值.