hover里面怎么改变其他class的样式

hover里面怎么改变其他class的样式

hover里面怎么改变其他class的样式

正在回答

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

3回答

同学你好!

是这个吗?

http://img1.sycdn.imooc.com//climg/5d1dc660000114bd01950066.jpg

可以将按钮定位在文字框上面。直接给按钮button设置hover让其背景颜色变为透明就可以了

如果帮助到了你 欢迎采纳 祝学习愉快~

  • JJJustin 提问者 #1
    这个框不是有半透明效果吗 不用做遮罩?我是这么做的,设置一个绝对定位background:none的div作为底部,然后上面盖一层绝对定位半透明的div,然后在上面盖一层绝对定位的background:none的div再加文字按钮,按钮hover 想让中间半透明的div变成透明
    2019-07-04 17:33:08
  • 好帮手慕码 回复 提问者 JJJustin #2
    (1)文字背景是有透明效果,可以做遮罩,但是建议使用透明度来实现更加简单。 (2)上面的按钮设置在文字背景层级上面。直接hover{背景颜色透明,边框黑色}即可。hover只需要对button操作,无需修改div的透明度 如果帮助到了你 欢迎采纳 祝学习愉快~
    2019-07-04 18:08:31
  • JJJustin 提问者 回复 好帮手慕码 #3
    那是我理解错了,原来只要做按钮的背景透明即可。我还以为是改变遮罩的背景。
    2019-07-05 09:59:07
好帮手慕码 2019-07-04 14:36:15

同学你好!

同学举得这个例子是用css中的hover是选取不到的,之后可以通过js去操作

虽然可以使用+来选取兄弟元素,如下:

http://img1.sycdn.imooc.com//climg/5d1d9e2200019ccc05330274.jpg

http://img1.sycdn.imooc.com//climg/5d1d9e31000105a901030031.jpg

但是要求是同一个父级,相邻的元素。这里a和one不合符要求

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 JJJustin #1
    那作业里面那个按钮悬停 让背景透明的怎么做(第二个大作业 网站布局的)
    2019-07-04 15:31:54
好帮手慕码 2019-07-04 13:45:01

同学你好!

可以参考:

http://img1.sycdn.imooc.com//climg/5d1d905100013fb304690347.jpg

http://img1.sycdn.imooc.com//climg/5d1d90570001b7a202370135.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 提问者 JJJustin #1
    <div class="one"></div><div class="two"><a href="#">点我</a></div> 我的场景是a:hover去控制class="one"的背景
    2019-07-04 14:12:11
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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