绝对定位变化1px

时间:2012-10-25 20:26:38

标签: html css css-position

我的网站有一个背景固定在顶部中心。我有一些空白的东西,在鼠标悬停时,应切换绝对定位的显示器,其背景应与原始背景对齐。

功能一切正常;然而,与背景并不总是排队。它取决于屏幕的大小1px。

这种情况发生在Chrome中,但不是Dreamweaver。我还没有测试过其他浏览器。

有什么想法吗?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

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

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

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