久草免费在线观看-久草免费在线色站-久草免费在线视频-久草免费资源-天堂网中文在线-天堂网中文字幕

歡迎來到酷云建站平臺,全網營銷云系統加盟中心!

海量企業網站模板 · 任您選擇

美出特色,精出品質,一切為了企業更好的營銷

隱藏側欄
Beta
轉載

css 圖片透明度設置教程

       建站經驗     2016-02-24     eycms     81     0    

opacity設置透明度

在圖片的屬性中加上 opactiy

例子

 代碼如下復制代碼

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 針對 IE8 以及更早的版本 */
}

其實只要這樣就OK了,如果不針對IE甚至只要第一行,關鍵在于——啥,透明度的單詞怎么拼,僅此而已。

但上面只能用ie瀏覽器,后來找到一個兼容性比較強的

 代碼如下復制代碼

{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 
0.5; opacity: 0.5;}


  opacity是最重要的,因為它是CSS透明的標準屬性,取值范圍在0-1之間,目前支持的瀏覽器有:Firefox、Chrome、Opera、Safari。(也就是說,除了IE,它支持所有主流瀏覽器);filter:alpha(opacity=50);是專門給IE設定的屬性,取值的范圍在0-100之間;-moz-opacity是為了兼容一些老版本的Mozilla瀏覽器,取值范圍在0-1之間;-khtml-opacity是為了兼容一些老版本的Safari瀏覽器,取值范圍在0-1之間。


--結束END--

本文鏈接: http://www.u0rvp.cn/station/experience/1386.html (轉載時請注明來源鏈接)

 
本文標簽: 全部

下班PC閱讀不方便?

手機也可以隨時學習開發

微信關注公眾號“酷云”
"酷云平臺前端開發教學"
每日干貨技術分享
 

×

成為 酷云平臺 代理商!

關注

微信
關注

微信掃一掃
獲取最新優惠信息

酷云平臺公眾號

客服

聯系
客服

很高興為您服務
尊敬的用戶,歡迎您咨詢,我們為新用戶準備了優惠好禮。 咨詢客服

聯系客服:

在線QQ: 3206174

客服電話: 0516-83703228

售前咨詢 售后服務
在線交談 智能小云

工作時間:

周一至周五: 09:00 - 17:00

WAP

手機
訪問

移動端訪問
手機上也能選模板

酷云平臺手機端