1

我的网站有一个固定在顶部中心的单一背景。我有一些空白 s，在鼠标悬停时，应该切换绝对定位的具有不同背景的显示，该背景应该与原始背景对齐。

功能一切正常；然而，与背景并不总是一致的。它根据屏幕大小变化 1px。

这发生在 Chrome 中，但不是 Dreamweaver。我没有测试过其他浏览器。

有任何想法吗？

4

2 回答 2

2

这个问题实际上是一个亚像素渲染问题。我刚刚将元素的 css 从“left: 0px;”更改为 到“左：-0.5px；” 一切正常。

感谢 Mike Robinson 的评论和链接：http ://css3wizardry.com/2010/10/05/subpixel-rendering-2/

于 2012-10-26T21:34:24.330 回答
1

Dreamweaver 的实时视图是个笑话，除了粗略的预览，不要相信它，尤其是单个像素差异。如果像单像素差异这样的问题对您来说是个问题，请在主要浏览器中进行测试并在应用您自己的样式之前使用 CSS 重置或 normalize.css。

CSS 重置 - 将所有样式重置为 0，以便所有浏览器都以相同的基线样式开始。缺点是您必须为您打算使用的每个元素设置样式，列表等内容将不再具有默认样式并显示为纯文本。http://meyerweb.com/eric/tools/css/reset/

Normalize.css - 这比重置更加用户友好，它为所有基本元素提供相同的样式，以便所有主要浏览器默认设置都被覆盖并呈现相同。http://necolas.github.com/normalize.css/

于 2012-10-25T21:00:20.440 回答