瀏覽器相容性經典問題(五) 元素背景色透明

2021-06-18 02:15:00 字數 709 閱讀 1400

css中使用rgba可以為元素新增透明度 

在ie9   ie9+ 以及支援css3的主瀏覽器()都已經支援 

用法很簡單  r g b分別代表 red green blue ; a代表alpha通道 ,用作不透明度

例子:背景色為黑色半透明

background:rgba(0,0,0,0.5);
但是在ie 6 7 8中不支援rgba,所以使用濾鏡的方式相容這些瀏覽器,這裡其實是使用漸變濾鏡

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000);
其中startcolorstr已經endcolorstr的引數形式是 #aa rr gg bb

aa rr gg bb 使用十六進製制表示

aa表示不透明度 00表示完全透明 ff表示完全不透明

截圖:ie6

ps: opacity屬性也可以使用透明度,但是會讓子元素也透明。

瀏覽器相容性

瀏覽器相容性是乙個很長久的話題,之所以前端需要面對瀏覽器相容性,是因為使用者的環境有不同的平台,不同的瀏覽器。不同的廠商之間為了相互競爭,對標準的實現不一樣。不同的瀏覽器有不同的核心。即使同乙個瀏覽器也有不同的版本,不同的版本對同一特性的支援情況也不盡相同。也可能某個瀏覽器的某個版本針對某個特性存在...

瀏覽器相容性

所謂的瀏覽器相容性問題,是指因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者用什麼瀏覽器來檢視我們的 或者登陸我們的系統,都應該是統一的顯示效果。所以瀏覽器的相容性問題是前端開發人員經常會碰到和必須要解決的問題。在學習瀏覽器相容性之前,我...

瀏覽器相容性

trident ie核心 gecko firefox 核心 webkit chrome,safari blink webkit 的分支 presto 是挪威產瀏覽器 opera 的 前任 核心,為何說是 前任 因為最新的 opera 瀏覽器早已將之拋棄從而投入到了谷歌大本營。移動端的瀏覽器核心主要說...