HTML5背景顏色透明代碼使用起來非常簡單,只需要在CSS中指定背景顏色為rgba值即可。
background-color: rgba(255, 255, 255, 0.5);
其中rgba的四個值分別代表紅、綠、藍三原色的數值和透明度,數值范圍是0-255,透明度范圍是0-1,數值越大,顏色越深。
例如上面的代碼中,rgba(255, 255, 255, 0.5)表示白色的顏色,透明度為0.5,這個背景色將會是半透明的白色。
使用透明背景色可以使得網頁元素更加美觀,也可以用于創建浮層效果。
需要注意的是,在IE8及以下的瀏覽器中不支持rgba值,需要使用IE濾鏡來實現透明效果。
background-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF); zoom: 1;
上述代碼將背景色設為透明,并在IE瀏覽器中使用gradient濾鏡來達到透明效果。
上一篇html5自動單擊代碼