學學習網 手機版

學學習網

學習路徑: 學習首頁 > web開發 > CSS3 >

第八章 CSS3透明度指南?

設置字體:
----------------------------------
CSS3透明,不透明,漸變,隨便你怎么叫它吧!這里是一些使用CSS3透明度的指南以及一些例子。其實這個firefox很久以前就支持了,而IE一直不支持! “opacity”聲明用來設置一個元素的透明度:層、文字、圖片等,一個opacity的值為1的元素是完全不透明的,反之,值為0是完全透明的,看不見的。1到0之間的任何值都表示該元素的透明程度。

瀏覽器兼容性
opacity是瀏覽器支持最好的一個CSS3元素„當然,除了IE!

CSS3透明(例1:層)
div.opacityL1 { background:#036; opacity:0.2; width:575px; height:20px; } 
div.opacityL2 { background:#036; opacity:0.4; width:575px; height:20px; } 
div.opacityL3 { background:#036; opacity:0.6; width:575px; height:20px; } 
div.opacityL4 { background:#036; opacity:0.8; width:575px; height:20px; } 
div.opacityL5 { background:#036; opacity:1.0; width:575px; height:20px; } 

瀏覽器支持:  
  Firefox(3.05+)
  Google Chrome(1.0.154+)  
  Google Chrome(2.0.156+)  
  Internet Explorer(IE7, IE8 RC1 )  
  Opera(9.6+)
  Safari(3.2.1+ windows„)

CSS 3 透明(例2:圖片)
img.opacity1 { opacity:0.25; width:150px; height:100px; } 
img.opacity2 { opacity:0.50; width:150px; height:100px; } 
img.opacity3 { opacity:0.75; width:150px; height:100px; } 

瀏覽器支持:  
  Firefox(3.05+)
  Google Chrome(1.0.154+)  
  Google Chrome(2.0.156+) 
  Internet Explorer(IE7, IE8 RC1 ) 
  Opera(9.6+)
  Safari(3.2.1+ windows)
----------------------------------
課程列表
重點難點
贊助鏈接
倾国妲己官网 假期两个月干什么赚钱 柬埔寨和缅甸哪里好赚钱 江苏快3遗漏值统计快3 2019不要押金的麻将群 亿客隆时时彩票 bet365足球即时赔率 e球彩玩法技巧 老版本刺激战场0.3.2 吉林时时彩 春天娱乐棋牌下载官网 江苏十一选五 广东11选5 安徽十一选五 网络娱乐平台 星空棋牌舟山大厅下载 福彩中前六个多少钱