我在相对div中有一个绝对div。它本质上是一个绝对定位的角落横幅的容器,位于页面的右上角。
它适用于Chrome,但不适用于IE。在IE中它看起来绝对定位,但在其容器内。如果可能的话,我想覆盖这个,因为这个网站的构建方式(CMS上的完整模板):
#corner-banner a {
position: absolute;
right: 0;
top: 0;
display: block;
height: 200px;
width: 200px;
background: url(../images/down.png) no-repeat;
text-indent: -999em;
text-decoration: none;
}
#corner-banner a:hover {
background: url(../images/up.png) no-repeat;
}
感谢阅读和任何输入。
干杯!
答案 0 :(得分:1)
这是正确的行为。相对定位元素内的绝对位置将相对于包含元素绝对定位。
答案 1 :(得分:0)
您确定父相对容器是div而不是td吗?
修改强>
确定
这不是CSS问题,而是一个糟糕的HTML组织。 因此,如果您希望您的元素由窗口定位,而不是由他的相对父级坐标定位,则必须将其放在相对元素之外。
类似的东西:
<body>
<div id="corner-banner" class="norelative_element">
<!-- Your content with absolute position by the window !-->
<a>...</a>
</div>
<div class="relative_element">
<!-- Your content with relative position !-->
</div>
</body>