CSS方框透明
opacity: 0.5; filter: alpha(opacity=50);
CSS3中通過opacity屬性可以實現方框透明的效果。該屬性的取值范圍為0到1,其中0為完全透明,1為不透明。例如,設置一個div元素的透明度為0.5:
<div style="opacity: 0.5;">透明度為0.5的div元素</div>
上述代碼中,style屬性中的opacity屬性值為0.5,表示透明度為50%。
但是,IE瀏覽器不支持opacity屬性。早期的IE版本使用Alpha(透明度)濾鏡來實現透明效果,所以可以通過filter屬性實現IE中的方框透明。例如,設置一個div元素在IE中的透明度為50%:
<div style="filter: alpha(opacity=50);">IE中透明度為50%的div元素</div>
上述代碼中,style屬性中的filter屬性值為alpha(opacity=50),表示透明度為50%。
需要注意的是,在使用filter屬性時,取值范圍為0到100,而非0到1。
因此,css方框透明可以通過opacity屬性和filter屬性實現。通過兼容性的處理,可以在不同瀏覽器中實現方框透明的效果。
上一篇dw建立欄目需要css嗎
下一篇css新聞向右輪播