css如何在鼠标指向图片时在图片上显示遮罩层和文字
发布网友
发布时间：2022-04-25 15:17
共1个回答
热心网友
时间：2022-04-06 13:03
结合js比较简单些。为你做了个简单的参考下
<html>
<head>
<style>
#container{position:relative;height:200px;width:300px;border:1px solid red;}
#inss{position:absolute;height:30px;width:300px;border:1px solid green;bottom:0px;}
</style>
<script>
function xianshi(){document.getElementById("inss").style.display="block";}
function yincang(){document.getElementById("inss").style.display="none";}
</script>
<head>
<body>
div代码：
<div id="container" onmouseover="xianshi()" onmouseout="yincang()">
<div id="inss">遮罩层</div>
</div>
</body>
</html>
你需要做的就是给遮罩层的图片价格透明度的背景图片。效果就出来了！
