1

我有这个 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>
4

3 回答 3

2

<div>不支持将<a>标签作为标准 HTML 内标签的内容。一些浏览器试图适应这一点，但你真的不能依赖每个浏览器实现都以相同的方式处理它。

但是，您可以使<a>标签成为block元素（默认情况下它是inline元素）并将样式从<div>标签移动到<a>标签。这也将消除<div>您示例中对内部标签的需求。

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

于 2012-08-13T13:27:44.673 回答
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>

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

于 2012-08-13T14:02:48.657 回答
0

尝试添加 display:block 或插入一个“”，检查您的相对 div 是否也正确呈现。

希望有帮助。

于 2012-08-13T13:19:08.740 回答