300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > CSS如何设置div背景透明度且兼容性良好【HTML】

CSS如何设置div背景透明度且兼容性良好【HTML】

时间:2024-07-26 07:14:30

相关推荐

CSS如何设置div背景透明度且兼容性良好【HTML】

web前端|html教程

CSS如何设置div背景透明度且兼容性良好

web前端-html教程

CSS如何设置div背景透明度且兼容性良好:

mrp算法 源码,ubuntu硬盘管理命令,tomcat怎样配置登陆,伦敦卖爬虫,php 金蝶财务系统,seo工作中怎么做好关键词优化lzw

建议:尽可能的手写代码,可以有效的提高学习效率和深度。

源码 下载者,ubuntu 源代码研究,R定时爬虫代码,html5还需要用php吗,seo快速恢复lzw

设置对象的透明度在很多网页特效中都有实用,设置对象的透明度并不难,唯一的难点可能就是如何兼容各大主流浏览器,下面就简单介绍一下如何实现此效果。代码实例如下:

电影 源码 PHP,喀纳斯Ubuntu儿童版,爬虫如何伪装ip,py php js,新乡seo 招聘lzw

蚂蚁部落*{ margin:0px; padding:0px; } .opacity{ width:150px; height:150px; background-color:green; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; margin-left:20px; margin-top:20px; } span{ display:block; width:80px; height:80px; }

蚂蚁部落

上面的代码实现了各个浏览器的兼容。起透明效果的代码如下:

filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;

第一行代码仅能在IE浏览器中有效。

第二行代码支持老版本的FF浏览器,其实去掉也可以,因为老版本的浏览器使用率很少了。

第三行能够支持各大浏览器,但是IE6-IE8浏览器不支持。

特别说明:

虽然实现了背景透明,但div中的文字也呈现为透明状态,这往往不是想要的,可以参阅如何设置div的透明度但是其中的文字不透明一章节解决此问题。

原文地址:/forum.php?mod=viewthread&tid=4680

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。