老师,footer区域

老师,footer区域

鼠标移入移出小图标时,背景透明度有变化 怎么实现啊?

正在回答

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

2回答

如果是背景图片,可以使用opacity属性完成,参考:

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

自己测试下。

好帮手慕星星 2019-01-07 11:00:41

你好,可以使用背景颜色background:rgba();实现,a代表的是透明度,例如:

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

自己动手试一下,祝学习愉快!

  • 提问者 小章鱼丸 #1
    footer区域的小图标不是那三个分享图标吗?用背景图片做的啊 想问怎么设置背景图片的透明度啊 footer .share .share-item{ float:left; display:inline-block; margin-left:13px; width:34px; height:34px; background:url(../img/footer-sprite.png); } footer .share .share-item:hover{ background: }
    2019-01-07 14:02:55
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
微信客服

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

帮助反馈 APP下载

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

公众号

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

在线咨询

领取优惠

免费试听

领取大纲

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