将绝对DIV定位到相对DIV之外的页面

时间:2012-01-10 01:08:39

标签: css internet-explorer html css-position

我在相对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;
}

感谢阅读和任何输入。

干杯!

2 个答案:

答案 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>