为什么我的图片在IE中不可点击？

Question

希望有人可以帮助我解决这个问题我有W/IE。所以我正在处理的页面有一个包含Facebook，Twitter和Youtube标签的图像。

所有这些标签在大多数其他浏览器点击器（Chrome/Safari浏览器/火狐/歌剧），除了在Internet Explorer（7/8）。我不确定我在这里做错了什么，任何人都可以帮我吗？

HTML（编辑）：

<div id="head"> 
    . 
    . 
    . 
    <div id="icons"> 
     <ul class="nav1"> 
      <li></li> 
      <li><a id="facebook" rel="_blank" href="https://www.facebook.com">&nbsp;</a></li> 
      <li><a id="twitter" rel="_blank" href="https://twitter.com">&nbsp;</a></li> 
      <li><a id="youtube" rel="_blank" href="https://www.youtube.com">&nbsp;</a></li> 
     </ul> 
    </div> 
    . 
    . 
    . 
</div> 

CSS（编辑）：

#icons { 
    position:absolute; 
    top:44px; 
    right:200px; 
    z-index:9; 
    float:left; 
    /*width:105px;*/ 
    height:35px; 
    /*background:url(/images/sprite_header_icons.png) no-repeat -6px 0;*/ 
} 
#icons ul.nav1{ 
    height: 35px; /*added*/ 
} 
#icons ul.nav1 li { 
    display: inline; 
    padding-left: 1px; 
height: 35px !important; /*added*/ 
} 
#icons ul.nav1 li a { 
    display: inline; 
    /*width: 34px; 
    height: 31px;*/ 
} 
ul.nav1 li a:hover { 

} 
#icons ul.nav1 li a#facebook { 
    padding-left: 20px; 
    padding-right: 13px; 
    padding-bottom: 28px; 
    background:url(/images/sprite_header_icons.png) no-repeat -6px 0; /*added*/ 
    width: 20px; /*added*/ 
    height: 35px; /*added*/ 
} 
#icons ul.nav1 li a#twitter { 
    padding-left: 20px; 
    padding-right: 13px; 
    padding-bottom: 28px; 
    background:url(/images/sprite_header_icons.png) no-repeat -40px 0; /*added*/ 
    width: 20px; /*added*/ 
    height: 35px; /*added*/ 

} 
#icons ul.nav1 li a#youtube { 
    padding-left: 20px; 
    padding-right: 13px; 
    padding-bottom: 28px; 
    background:url(/images/sprite_header_icons.png) no-repeat -74px 0; /*added*/ 
    width: 20px; /*added*/ 
    height: 35px; /*added*/ 
} 

注：

好了，所以我必须基于什么瑞安蟠龙做了一些改动，亚历克斯·雷诺兹 & OhMrBigshot在这里建议。现在，标签是可以点击的在IE（7/8）......然而，标签是部分地（李38px X 16px的），可见这样的：

宽度是好的，但怎么能我将高度从16px增加到35px？谢谢！

Answer 1

尝试增加显示：块

#icons { 
    position:absolute; 
    top:44px; 
    right:200px; 
    z-index:9; 
    float:left; 
    width:210px; 
    height:30px; 
    background:url(/images/sprite_header_icons.png) no-repeat -6px 0; 
} 
#icons ul.nav1 li { 
    display: inline; 
    float:left; 
    padding-left: 1px; 
} 
#icons ul.nav1 li a { 
    float:left; 
    display:block; 
    width: 34px; 
    height: 31px; 
} 

Answer 2

你使用rel = “_空白”？那是HTML5吗？你用的是9的IE版本吗？难道你应该使用target =“_ blank”？

Answer 3

IE有时会忽略 “空” 的元素，即使你定义大小。尝试在a标记中添加 。