【发布时间】：2012-11-28 08:38:19
【问题描述】：
最近第二次，我发现一个在 Chrome 中正常显示的网页不再显示，我的端没有任何变化。我什至无法确定哪里 Chrome 出错了。我会给出我的例子，感谢任何建议、提示或解决方案！
背景图片 网站saversetter.com 使用垂直平铺的背景图像。 Chrome 不再显示它们。在 Firefox 或 IE 中查看以使渐变背景可见。 Chrome 直到几个月前才正确显示这一点。
位置 在deadlynightshades.com 上滚动到页面底部并将鼠标悬停在那里的缩放器上。直到几周前，Chrome 和所有浏览器都显示标题突然出现在中心底部。然后突然间，我现在知道，Chrome 单独 开始错误定位标题。我在 Chrome 中修复了这个问题，只是为了在其他浏览器中打破它，这就是现在的情况。这个例子目前在 Chrome 中看起来不错，但不应该。在 Firefox 或 IE 中查看缩放器，了解未对齐标题的外观。
这些页面在 Chrome 中运行，然后突然不再正确显示，我没有任何已知的变化。在其更新中，Chrome 是否已经彻底改变了涉及背景图像或绝对位置的规则的 CSS 显示？
附录：这个问题Is there a bug in Chrome's CSS visibility rendering? 看起来与我的变焦问题有关，抱歉我没有早点发现它！
解决方案：很抱歉问这个问题，然后想出我自己的解决方案。问帮助我解决了问题，但我以后会更加小心你的时间！ 通过在 jquery 创建的用于动画标题的 css 中指定百分比位置而不是像素位置来解决位置问题。没有通用的解决方案，或者 Chrome 发生了什么变化。无法在测试环境中重现，因此除了 Chrome 中的更改之外，这是关于我的页面的一些内容。
关于背景图像显示，Chrome 存在背景大小问题。
background-size: 25% auto; 被减少到 background-size: 25%; 并且 25% 的高度和宽度被错误地重复使用。我将“自动”更改为“100%”，Chrome 开始显示一像素高的图像。在这种情况下 auto 的确切含义尚不清楚，我不知道为什么我一开始就使用它，但是 Firefox 和 IE 将其呈现为图像的大小，而 Chrome 似乎对两个维度都使用了另一个定义的值.
【问题讨论】：
-
您使用的是哪个版本的 Chrome？
-
撰写本文时我使用的是版本 24.0.1312.35 beta-m
-
对于提出有关现有网页而不是 jsfiddle 的问题，我深表歉意。请忽略缩放器/位置问题，因为我从像素定位切换到百分比，并且能够做到这一点，即使我不知道为什么旧方法没有。
-
发现了我的问题。有时，仅仅提出问题就为个人探究开辟了新途径。这就是背景图像的问题所在。我使用的是背景大小：25% 自动。以前，汽车的意思是“100%”。现在，Chrome 只是在 background-size 上省略了“auto”，这使得计算的 background-size: 25%;那，一个像素高的图像，导致了一个不可见的图像。暂时不要在背景大小上使用 auto！
-
提出问题可以帮助我们很多人在这里找到我们自己问题的答案，请参阅：codinghorror.com/blog/2012/03/rubber-duck-problem-solving.html 如果您认为您的问题和答案可能对其他人有用，请编辑您的问题并发布解决方案作为您自己问题的答案。这样做不仅没问题，而且在大多数情况下都受到鼓励。
标签： css google-chrome browser web