我有这个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>
答案 0 :(得分:2)
<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>
解决了这个问题,我必须做的是使用透明图像作为背景。