版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/odelia145/article/details/73554794
<style> .tom{width: 340px; height: 373px; margin-top: 20px;position: relative} .tom div{display:none; text-decoration:none;width: 340px; height:373px;position:relative; } .tom:hover div{ display:block; left:0;color:#FFF;z-index:10; z-index:10; } .tom:hover .mengban{background:#000;filter:alpha(opacity=80);-moz-opacity:0.5;opacity: 0.8; width: 340px;height: 373px;position: absolute;top:0} </style> <body> <div class="tom" > <img src="1.jpg" > <div class="mengban" > <h3 > 6666</h3> </div> </div> </body>