IE6/7BUG之A超链接无效

IE超链接无效BUG描述：

父容器定位为position: absolute，设置了宽高的超链接只有文本可以点击，但如果设置了:HOVER，在超链接有焦点后，宽高部分又可以点击了

<div><a href="#">Foo</a></div>

 

div {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 200px;
    border: 1px solid #000;
}

a {
    display: block;
    width: 500px;
    padding: 50px;
}
a:hover {
    background: #ddd;
}

此超链接无效BUG没有截图

超链接无效BUG修复：

给受影响的超链接设置背景，没背景可以设置透明背景

div {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 200px;
    border: 1px solid #000;
}

a {
    display: block;
    width: 500px;
    padding: 50px;
    background: #fff;
    /* use background: url(#)
        if you need transparent background 
        透明背景，此种HACK会产生一个额外的请求，
    */
}
a:hover {
    background: #ddd;
}

 

 

转载于:https://www.cnblogs.com/amws/p/3142097.html