Question

我用这个打败了一匹马。我有一组嵌套的div，其中一个特别需要绝对定位，以便它不与其他几个元素冲突。 HTML是：

<div id="gallery">
    <div id="gal_info">
        <h2>Gallery</h2>
        <div id="gal_caption">Caption goes here</div>
    </div>
    <div id="gal_imgs">    
    ...
    </div>
</div>

CSS是：

#gal_info{
 position: absolute;
 top: 10px;
 margin-left: 15px;
 width: 190px;
 height: 170px;
 padding: 10px 10px 0 30px;
 background-color: #f8fce2;
}

除了IE7之外，所有浏览器都能正常运行。在IE7中，#gal_info的整个div消失了。我已经尝试检查我的所有位置一直回到<body>标签。我已经尝试将z-index添加到元素中以使其显示。我无法弄清楚出了什么问题，但是一旦我拿出position: absolute;它就会出现。

有什么建议吗？

提前致谢！

Answer 1

我的朋友在这里找不到信息，但只是猜测，画廊div的位置是什么？你试过把它作为亲戚吗？

Answer 2

我没弄清楚为什么，但我现在已经开始工作了。我从头开始重新编写页面，现在所有内容都正确显示。谢谢！

IE 7绝对定位问题

2 个答案: