css - IE 问题 - 在锚点中使用跨度使 DIV 可点击

Question

我正在使用 span 填充锚标记内 DIV 的整个宽度和高度，因此整个 DIV 是可点击的：

<style>
.container {
    background-color: #ffffff;
    float: left;
    height: 90px;
    margin-bottom: 10px;
    position: relative;
    width: 290px;
}

.container span {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90001;
    display: block;
}

</style>


<div class="container">
    <a href="#" target="_blank">
        <span></span>
    </a>
</div>

效果很好，但在 IE 9 中它似乎没有注册。DIV 不可点击，不知道为什么 IE 有这个问题？

Answer 1

相反，为什么不这样做：

工作示例：

http://jsfiddle.net/q3PCe/1/

<div class="container">
    <a href="#" target="_blank">

    </a>
</div>

CSS：

a{
    display: block;
    height: 100%;
    width: 100%;
}

Answer 2

那你为什么不把它变成这样呢？它应该工作

<a href="#">
   <div>
     <!-- Stuff goes here -->
   </div>
</a>

或者使用onclick="window.location"for <div>（我不会使用这种方法）