1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css怎么设置div的透明度

css怎么设置div的透明度

时间:2023-12-16 22:32:30

相关推荐

css怎么设置div的透明度

web前端|前端问答

css

web前端-前端问答

表白网址制作源码,ubuntu解压密码,黑红条纹的爬虫,php phpself,香港seo工资lzw

本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

微信公众大全平台源码,vscode 添加路径,ubuntu 视频服务器,tomcat图标小猫,sqlite+++date,独立主机 云服务器,打印的插件,前端框架布局实例,爬虫中正则表达式,php挪车,移动seo优化外包,哪些网站适合瀑布流,下拉菜单网页制作,新闻评论的模板,网页页面布局代码,web库存管理系统,asp小偷程序代码lzw

新建一个html文件,命名为test.html,用于讲解div在css中透明度怎么调。

微信apk源码破解版,vscode网页制作的背景,ubuntu 连接小米,不能清空tomcat缓存,桥头爬虫店,php 请求超时时间,seo新手入门需要多久,网站导航psd,校园模板lzw

在test.html文件内,创建两个div,分别设置其class属性为div1、div2,用于下面使用css对类名进行样式的设置。

使用css统一设置两个div绝对定位在页面的顶部,并浮动向左。这样布局可以让两个div重叠,设置透明度时可以看到明显的效果。

使用css设置类名为div1的div宽度为400px,高度为200px,背景颜色为黄色。

使用css设置类名为div2的div宽度为100px,高度为100px,背景颜色为绿色。

使用css设置类名为div2的div透明度。针对IE浏览器使用filter属性设置,针对firefox浏览器使用-moz-opacity属性设置,其他的浏览器使用opacity属性设置。透明度值越小,越透明。例如,下面设置div透明度为30%

在浏览器打开test.html文件,查看设置了透明度的div的效果。

更多详细的HTML/CSS知识,请访问CSS视频教学栏目!

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