Internet Explorer绝对定位元素bug

时间:2011-10-12 00:57:40

标签: css internet-explorer css-position haslayout

G'day,

对于绝对定位的元素,我在IE(8/7/6)上的行为非常奇怪。它的风格为:

position: absolute;
right: 5px;
top: 0px;
z-index: 5000;

并且<body>有一个垂直滚动条。

首次渲染页面时,渲染绝对定位div,使得从<body>元素的边缘获取5个像素。但是只要正文中有:hover或AJAX事件,就会重新渲染绝对定位的元素,现在从滚动条的边缘取出5个像素!

标记/ css太大/太复杂,无法在此处发布,但我在右上角附加了“活动”标签的一些屏幕截图:

首次呈现网页时:http://i.imgur.com/xumcu.jpg

触发AJAX事件时:http://i.imgur.com/VirKc.jpg

我已经尝试确保它不是一个hasLayout问题,我甚至试图在某些事件中“纠正”元素的样式但在这两种情况下,IE认为“正确”的值是“5px”。

任何想法这里的问题可能是什么?!

感谢。

0 个答案:

没有答案