CSS / div定位在IE中不起作用

时间:2011-07-29 04:01:58

标签: css internet-explorer-8 positioning

我一直在寻找一个没有运气的好时光的答案所以可以问我愚蠢的问题:

我正在尝试在地图上叠加图例。地图是使用openlayers生成的,位于div调用的地图中。传说是一个html表格,但也可以是一张图片,并存在于另一个名为传奇的div中。

因此HTML

<body>
<div id="map"></div>
<div id="legend"></div>
</body>

和CSS

* {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: none;
    font-family: Arial;
    font-size: 9px;
    text-decoration: none;
    text-align: left;
    }
html, body {
    background-color: red;
    }
#map{
    position:relative;
}
#legend{
  position:absolute;
  top: 1%;
  left: 100px;
}

这在Firefox,Safari和Chrome中运行良好,但在IE8中则不行。

在IE8中,图例显示在其位置,红色页面背景在后面,但地图div已消失。请注意,IE仍会加载地图图块等,但似乎将它们放在背景后面或屏幕上的某个地方......

如果您有任何建议,非常感谢!

1 个答案:

答案 0 :(得分:0)

如果没有整个HTML页面,很难给出正确的答案,知道究竟发生了什么。虽然您可以使用条件IE标记使您的设计在Internet Explorer中工作。 More information here.

你会发现大多数IE8怪怪可以通过改变几个像素的位置,位置类型,display:值或在display:none;制作元素来修复。

Firebug是你的朋友。