在ie7下的z-index问题，b标签遮住了a标签，寻求解决方案，在其他浏览器下正常，

发布于 2017-08-17

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        *{margin:0;padding:0;}
        .box{height:500px;background-color:#f00 ;position:relative;}
        .box1{height:500px;background-color:green;margin-top:-50px;}
        .a,.b{background-color:#fff;display:block;border:1px solid #000;}
        .a{position:absolute;left:0;bottom:0;width:100%;height:50px;color:#fff;z-index: 1;background-color:#0000EE;}
        .b{position:relative;z-index:0;height: 100px;background-color:#fff;}
    </style>
</head>
<body>
    <div class="box">
        <a class="a" href="#">aaaa</a>
    </div>
    <div class="box1">
        <a class="b" href="#">bbb
            <br />
        <br />bbb
            <br />
        <br />bbb    <br />
        </a>
    </div>
</body>

</html>

css

阅读 2.3k

3 个回答

得票最新