IE问题 - 使用锚点中的​​span来使DIV可点击

时间:2013-04-01 19:16:49

标签: css internet-explorer

我使用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有这个问题?

2 个答案:

答案 0 :(得分:2)

相反,为什么不这样做:

工作示例:

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

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

    </a>
</div>

CSS:

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

答案 1 :(得分:1)

那你为什么不做这样的事呢?它应该工作

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

或者onclick="window.location"使用<div>(我不会使用此方法)