Div在ie8中没有位于css右侧

时间:2012-08-13 13:16:26

标签: html css

我有这个div ..:

    <a href="/"><div id="logoCover" style="position: absolute;width: 341px;height: 100px;z-index: 9999;top: 0px;left: 0px;"></div></a>

div的问题在于,它只会在ie8中显示,如果我给它一个背景颜色。 否则div不存在,这意味着用户无法点击它...为什么ie8中的这种行为很常见,我该怎样阻止它

更新 这是我尝试放置div的元素:

#logo {

    float: left;
    height: 93px;
    }

徽标是图片

完整HTML:

<div id="logo" style="position:relaive;"> 
    <a href="/" style="position: absolute;padding:60px;padding-right: 300px;z-index: 9999;top:-20px;left: 0px;;display:block;" ></a>

      <img src="images/BestCam_logo.png" width="1009px" />
    </div>

3 个答案:

答案 0 :(得分:2)

标准HTML中的<div>标记的内容不支持

<a>个标记。有些浏览器会尝试为此进行修改,但你真的不能依赖每个浏览器实现来以同样的方式处理它。

但是,您可以将<a>标记设为block元素(默认情况下为inline元素)并将样式从<div>标记移至{ {1}}标记。这也可以消除对示例中内部<a>标记的需求。

<div>

答案 1 :(得分:0)

尝试添加display:block或insert a'' 另外,检查你的相对div是否也正确呈现。

希望有所帮助。

答案 2 :(得分:0)

   <div id="logo" style="position:relaive;"> 
        <a href="/" style="position: absolute;padding:60px;padding-right: 300px;z-index: 9999;top:-20px;left: 0px;;display:block;background-image: url('images/emptyImage.png')" ></a>

      <img src="images/BestCam_logo.png" width="1009px" />
    </div>

解决了这个问题,我必须做的是使用透明图像作为背景。