关于HTML遮罩代码的问题

答案:3 悬赏:50 手机版

解决时间 2021-04-26 11:18

提问者网友：流星是天使的眼泪
2021-04-26 04:29

关于HTML遮罩代码的问题

最佳答案

五星知识达人网友：痴妹与他
2021-04-26 05:27

你可以用css中的:hover伪类，比如：
img.mask{
opacity:1;
}
img.mask:hover{
opacity:0;
}
这样，当你把鼠标放到上的时候，图片会变得透明，鼠标移开，图片就变得不透明。

纯手打，无JS，望楼主采纳追问可以写清楚一些吗?我是初学者，还有，遮罩层是每一个图片为一个遮罩层的，不是一整块。谢谢。

全部回答

1楼网友：怙棘
2021-04-26 07:36

每个上面都这么写可以么？？

2楼网友：风格不统一
2021-04-26 06:07

利用css试试：
img{display:none;}
img:hover{display:block; }追问可以写完整一些吗？追答

1</a>
2</a>
3</a>
4</a>
</div>
css:
#imgbg > img{display:none;}
#imgbg > img:hover{display:block; }

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息