91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

CSS中半透明樣式怎么處理

發布時間:2020-12-08 14:28:27 來源:億速云 閱讀:166 作者:小新 欄目:web開發

這篇文章給大家分享的是有關CSS中半透明樣式怎么處理的內容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

一、 元素容器透明

 .div{
opacity: 0.5;   /* Firefox、Chorme、Opera等主流瀏覽器識別 */
filter:alpha(opacity=50);   /* IE6及以上IE瀏覽器識別 */
 }

說明:

1. opacity:* 取值0-1之間,由全透明向不透明遞增,超過1之后默認不透明;

2. filter:alpha(opacity= *) 取值0-100之間,與上面同理;

3. 用此屬性后,元素容器內子元素全部繼承,即全都會跟著半透明。

二、元素背景透明

 .div{
     background: rgba(0,0,0,.5);    /* Firefox、Chorme、Opera等主流瀏覽器識別 */ 
     filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#7f000000, endColorStr=#7f000000);   /* IE6及以上IE瀏覽器識別 */
 }

說明:

1. background:rgba(m n) 其中m是rgb顏色值,n是透明度,取值1-100之間,與上面第一條同理;

2. startColorStr=m ,endColor=n 其中m和n由兩部分組成,前2位是透明度,后面6位是十六色值。如7f代表0.5的透明度,000000就是黑色了(不能簡寫成000);

3. 第2點中m=n時是均勻透明,≠時是漸變透明,下面附一組前兩個數值對應的透明度數據,格式如 rgb透明值--IEfilter值:

0.1 -- 19 | 0.2 -- 33 | 0.3 -- 4c | 0.4 -- 66 | 0.5 -- 7f | 0.6 -- 99 | 0.7 -- b2 | 0.8 -- c8 | 0.9 -- e5 |

三、 圖片透明

說明:其實也就是為了針對IE6。IE7及以上瀏覽器都直接支持半透明圖片。方法有很多,牛人總結了將近7、8種,我常用的是下面這種:

1. 首先去網上下個png.js。

2. 在你的頁面底部,body結束標簽和html結束標簽之間加載這段話:

<!--[if lte IE 6]>
<script src="js/png.js"></script>
<script type="text/javascript">
    DD_belatedPNG.fix('img, .logo,.ico');
</script>
<![endif]-->

3. 然后確保路徑不要寫錯了。最后在DD_belatedPNG.fix("")里面加需要進行半透明處理的圖片元素名或者class、ID名就可以了。

感謝各位的閱讀!關于CSS中半透明樣式怎么處理就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

徐汇区| 故城县| 建平县| 壶关县| 林口县| 克山县| 保定市| 石泉县| 高州市| 理塘县| 宿松县| 二手房| 汉寿县| 武山县| 汝阳县| 岫岩| 驻马店市| 普陀区| 金溪县| 定远县| 高密市| 铜鼓县| 兰考县| 澄江县| 丽江市| 临清市| 盐津县| 谷城县| 新宾| 芦溪县| 汾阳市| 名山县| 曲麻莱县| 玉林市| 青浦区| 晋城| 榕江县| 大悟县| 阿瓦提县| 京山县| 团风县|