老师,悬浮的时候怎么取消遮罩层设置的半透明?

老师,悬浮的时候怎么取消遮罩层设置的半透明?

遮罩层设置半透明后,所有子元素包括文字都变成了半透明,怎么才能使鼠标悬浮在按钮的时候取消按钮的半透明状态

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
提问者 小弟初出茅庐 2020-02-01 20:34:05

自己解决了,把透明层单独出来处理

  • 同学自己搞定了,给你点赞,加油!如果同学下次遇到这样的问题可以直接贴代码,这样老师就知道你是怎么写的了,可以更好的帮助你解决了问题。祝学习愉快~
    2020-02-02 14:12:40
提问者 小弟初出茅庐 2020-02-01 17:57:28

是设置了遮罩层后,后面所有子元素包括按钮都自动变成半透明了。

好帮手慕柯南 2020-02-01 17:42:16

同学你好!

  1. 你的遮罩层的层级是否高于文字呢?你可以设置z-index(比如:z-index:66)来改变显示的层级,值越大,显示层级越高

  2. 设置了遮罩层,背景色不同我们看到的文字颜色可能有些不同,但是并不是颜色改变了,而是视觉效果变了。按钮并没有半透明的属性,只是视觉效果,鼠标划过时,你使用hover伪类将它的背景色设置为#07cbc9就可以

如果我的回答解决了你的疑惑,请采纳,祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码