怎么实现鼠标经过图片在图片上显示文字css
1个回答
展开全部
<html>
<head>
<style>
#container{position:relative;height:200px;width:300px;border:1px solid red;}
#inss{position:absolute;height:30px;width:300px;}
</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>
这个是我做的遮罩层的,和你的需求类似,可以稍作修改,实现你的效果,希望可以帮到你!
<head>
<style>
#container{position:relative;height:200px;width:300px;border:1px solid red;}
#inss{position:absolute;height:30px;width:300px;}
</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>
这个是我做的遮罩层的,和你的需求类似,可以稍作修改,实现你的效果,希望可以帮到你!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询