css - 超链接 block 元素在 Internet Explorer 中不起作用

Question

在研究了为什么这对我不起作用之后，我的脑袋快要爆炸了。在 Firefox 中一切正常，但在 IE 中没有任何东西可以点击，除非我在 <a> 中有文本或其他内容。的。我搜索了很长时间，不想使用不需要的 .gif。您可以忽略高 z-index 值。我也试过把 <a>在<span> .基本上我想要的是一个空的 div 和一个链接到图像的空 a。

.gallery
{
position:absolute;
width:400px;
height:100px;
margin-left:300px;
margin-top:0px;
z-index:1000000;
}

.gallery a 
{
position:relative;
cursor:pointer;
display:block;
width:400px;
height:100px;
z-index:999999999;
}

<div class=\"gallery\"><a title=\"Front Entrance of the new Pontiac branch.\" href=\"images/Pontiac/P5020002.JPG\"></a></div>

Answer 1

问题是 IE 需要背景。你可以用间隔图像或像这样的虚拟图像来欺骗它:

background:url(/no-image.jpg);

这应该可以解决问题。