精美而实用的网站,关注web编程技术、网站运营、SEO推广,让您轻松愉快的学习

ie6、7中如果超链接A标签内图片标签前加了span标签,那么这个图片超链接在IE67下点击是无效的,下面青岛星网给出解决方法。

范例HTML代码

<h2>bug</h2>
    <p>ie6、7,对于以下这样的结构,如果span触发了haslayout,那么图片区域将点击无效</p>
    <div class="m-demo"> 
        <a href="#link">
            <span>
                <img src="图片路径" />
            </span>
        </a>
    </div> 
    <h2>fix</h2>
    <p>给图片设置position:relative;z-index:-1;再给a设置cursor:pointer;</p>
    <div class="m-demo m-demo-fix">
        <a href="#link">
            <span>
                <img src="图片" />
            </span>
        </a>
    </div> 

解决CSS代码

/* IE67中图片链接无效 */
.m-demo a,.m-demo a img{width:100px;height:60px;}
.m-demo a{display:block;}
.m-demo a span{zoom:1;}
.m-demo-fix a{cursor:pointer;}
.m-demo-fix a img{position:relative;z-index:-1;}
Tags:IE 图片链接 无效