IE - <a> tag not rendering properly, works in chrome, firefox etc</a>

Question

我在IE中的页面上呈现标记时遇到问题。问题在于以下几点; IE中的标记没有填充标记。图片是链接，但在IE中，文本优先并覆盖图像以使文本成为链接。 Chrome和FireFox没有任何问题，并且渲染得很好。我的问题是：

如何让图片成为IE中的链接并让它像在Chrome和FireFox中一样工作？

以下图片展示了我的问题： IE中的问题：

如何根据Chrome和FireFox呈现：

该部分的代码如下：

h1#site-name, div#site-name /* The name of the website */
{
margin: 0;
font-size: 2em;
line-height: 1.3em;
height: 115px;
background: url('/sites/default/files/images/ipark2-theme-assets/iPark_title.jpg') no-repeat top right;
margin-left: 212px;
color: transparent;

}

  #site-name a:link,
  #site-name a:visited
  {
   color: transparent;
    text-decoration: none;
    display: block;
    height: 100%;
  filter: alpha(opacity=50);
  font-size:1em;
  }

编辑：添加html标记：     

 <div id="logo-title">

 <div id="logo"><a href="/" title="Home" rel="home"><img src="/sites/all/themes/zen/ipark2/logo.png" alt="Home" id="logo-image" /></a></div>

 <div id="site-name"><strong>
 <a href="/" title="Home" rel="home">Teaching and Learning Innovation Park</a>
 </strong></div>

 </div> <!-- /#logo-title -->


 </div></div> <!-- /#header-inner, /#header -->

Answer 1

你正在将一个ID应用于两个元素（你的H1和你的div），在你只是在所有东西上打一个ID的时候使用类。

我不确定这是否会解决您的问题，但它不会受到影响我知道IE的旧版本在识别ID时更严格，如果它不是唯一的。由于您通过该ID定位了锚标记，因此只会让我怀疑它是不是问题。