鼠标经过悬停效果

最新推荐文章于 2023-03-05 09:46:14 发布

naomi吖

最新推荐文章于 2023-03-05 09:46:14 发布

阅读量293

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/odelia145/article/details/73554794

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<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>