css 裡面 ie8 支援css3的rgba

2021-07-08 16:46:21 字數 856 閱讀 5902

rgba的含義,r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba(0,0,0,.5)就是透明度為0.5的黑色。現代瀏覽器是支援rgba的,但是在ie8等古董級瀏覽器中是不支援rgba的,ie8只能勉強支援rgb()函式(即去掉了透明度,只能表示顏色)。

background: rgb(0, 0, 0);    /*不支援rgba的瀏覽器*/

background: rgba(0,0,0,.5); /*支援rgba的瀏覽器*/

filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#7f000000,endcolorstr=#7f000000); /*ie8支援*/

第二句話的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的,但是這個地方不需要漸變。所以兩個顏色都設定成了相同的顏色。

解釋下#7f000000,第一部分是#號後面的7f。是rgba透明度0.5的iefilter值。從0.1到0.9每個數字對應乙個iefilter值。對應關係如下:

第二部分是19後面的六位。這個是六進製制的顏色值。要跟rgb函式中的取值相同。比如rgb(0,0,0,)對應#000;都是黑色。

到這裡,rgba的用法就可以相容ie8了。

最近看到,不直接在樣式裡面新增filter,而是利用來為ie新增filter相容。在過後又發現ie9同時支援rgba和filter,導致兩個重疊,透明效果變差,所以需要改為,

具體做法如下:

以上完全是 照原著來的,沒有修改,不過挺好使,就發表一下

TD新增IE8支援

今天同事突然安裝了ie8了,說testdirector8.0在ie8.0下無法使用。於是在網上搜尋,最後終於知道解決方法了 方法二 修改td伺服器中的start a.htm檔案 適用於ie7 1 以系統管理員身份登入td伺服器 2 找到td伺服器中tdbin目錄 預設情況下是 c inetpub t...

讓ie7 8支援css3屬性

selectivizr 讓ie6 8支援css3偽類和屬性選擇器 selectivizr github上自己看 優點於 1 讓老的瀏覽器支援19個css3偽類,2個偽元素,以及所有的屬性選擇器。2 即使你完全不懂js,也沒有關係,因為只要這個檔案就ok了 3 可以和現存的js庫協調工作 有一些注意事...

css3相容IE8的方案 各個ie的hack

雖然現在很多專案已經對低版本ie不要求了,但是還有部分公司對ie8還是很執著的,咱作為屌絲前端程式設計師不能和老闆說前端潮流,不能說趨勢,只能動腦子了,下面就分享一些css3相容ie8的方案思路。主要是實現彎道超車。比如css3的nth child選擇器,它有多好用就不解析了,問題它不相容ie8,怎...