透明度兼容寫法

最常見的是opacity方法

.class?{?

???????filter:alpha(opacity=50);

????????-moz-opacity:0.5;

????????-khtml-opacity:?0.5;

????????opacity:?0.5;

??}???

這種方法的缺點就是不止背景透明,里面的文字也會變成透明

rgba方法:

background: rgba(255,255,255,.1);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff)

第一句話是兼容高級瀏覽器,第二句話是兼容ie8及以下。

其中 #99ffffff 里面的“99”是代表透明度,從00到ff , 后面的就是顏色了。

這句話的本意是漸變,但是用在透明度上可以解決ie的兼容問題。

?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容