如何設置 背景色透明


實現透明的css方法通常有以下3種方式,以下是不透明度都為80%的寫法

  • css3的opacity:x,x 的取值從 0 到 1,如opacity: 0.8
  • css3的rgba(red, green, blue, alpha),alpha的取值從 0 到 1,如rgba(255,255,255,0.8)
  • IE專屬濾鏡 filter:Alpha(opacity=x),x 的取值從 0 到 100,如filter:Alpha(opacity=80)

1:  設置opacity元素的所有后代元素會隨着一起具有透明性,一般用於調整圖片或者模塊的整體不透明度, 使用opacity后整個模塊都透明了

2: 使用說明:設置顏色的不透明度,一般用於調整background-color、color、box-shadow等的不透明度。后代元素不會一起跟着透明 (

  padding: 25px;
  background-color:#000000;/* IE6和部分IE7內核的瀏覽器(如QQ瀏覽器)下顏色被覆蓋 */
  background-color:rgba(0,0,0,0.2); /* IE6和部分IE7內核的瀏覽器(如QQ瀏覽器)會讀懂,但解析為透明 */

)

3:  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM