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

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

3利用css同一设置两个div绝对定位在页面的顶部 , 并浮动标的目的左 。 这样结构可以让两个div重叠 , 设置透明度时可以看到较着的结果 。

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

5【div在css中透明度怎么调】利用css设置类名为div2的div宽度为100px , 高度为100px , 布景颜色为绿色 。

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

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


以上内容就是div在css中透明度怎么调的内容啦 , 希望对你有所帮助哦!
猜你喜欢
- 怎么把QQ音乐歌单导入网易云音乐
- 怎样在word中创建黄色的新月
- 你的父母还在乱吃阿司匹林么?
- 如何利用支付宝给信用卡还款?
- 用PS羽化命令如何制作出梦幻的效果
- 微信账号如何解冻
- 怎么在网上查询科目三考试成绩分数
- 世界儿童日,诺贝尔奖得主告诉你:孩子在儿童时期要学会的东西
- 不温不火多年终于起风,心理健康赛道现在有哪些玩家|行业观察
- QQ华夏手游如何激活山海经灵魂和附灵
