html怎么设置div的透明度
html設置div透明度的方法：1、利用opacity屬性，只需要給div元素添加“opacity: 透明度值;”樣式即可；2、利用filter屬性，只需要給div元素添加“filter:opacity(透明度值);”樣式即可。
本教程操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
html設置div的透明度
<!DOCTYPE html><html><head><meta charset="utf-8"><style>.box1{width: 300px;height: 200px;background-color: yellow;}.box2{width: 100px;height: 100px;background-color: green;}</style></head><body><div class="box1"><div class="box2"></div></div></body></html>
1、使用opacity屬性設置，透明度值越小，越透明。
.box2{width: 100px;height: 100px;background-color: green;opacity: 0.8;}
.box2{width: 100px;height: 100px;background-color: green;opacity: 0.5;}
.box2{width: 100px;height: 100px;background-color: green;opacity: 0.2;}
2、使用filter:opacity(透明度值);，透明度值越小，越透明。
.box2{width: 100px;height: 100px;background-color: green;filter:opacity(0.5);}
.box2{width: 100px;height: 100px;background-color: green;filter:opacity(0.1);}
推薦教程：《html視頻教程》
總結
以上是生活随笔為你收集整理的html怎么设置div的透明度的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： [控件] LabelView
- 下一篇： jquery中怎样增加class