关于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，望楼主采纳追问可以写清楚一些吗?我是初学者，还有，遮罩层是每一个图片为一个遮罩层的，不是一整块。谢谢。
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; }
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; }
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯