原文:IE8下兼容rgba顏色的半透明背景

在工作中做一個圖片半透明遮罩時發現在IE 下不兼容 一查再知道IE 不支持rgba顏色,再搜搜兼容性方法,沒想到這么快就解決了。 先說說rgba的含義: r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba , , ,. 就是透明度為 . 的黑色。現代瀏覽器是支持rgba的,但是在IE 等古董級瀏覽器中是不支持rgba的,I ...

2015-08-30 20:47 0 5474 推薦指數:

查看詳情

真~讓IE8支持background: rbga; ,IE8兼容rgba顏色半透明背景

IE8兼容rgba顏色半透明背景 這樣的標題在百度和google搜索很多篇文章,講解IE8兼容rgba的。 這些文章全部都是使用IE的filter來使元素透明,但是這個里面會有bug。 它們的如下: IE filter 的bug 簡答評論這個代碼的問題,首先這代碼在IE ...

Fri Nov 25 00:07:00 CST 2016 0 3270
兼容ie8 rgba()用法

今天遇到了一個問題,要在一個頁面中設置一個半透明的白色div。這個貌似不是難題,只需要給這個div設置如下的屬性即可: background: rgba(255,255,255,.1); 但是要兼容ie8。這個就有點蛋疼了。因為ie8不支持rgba()函數。下面我們總結一rgba()函數 ...

Wed Feb 24 17:28:00 CST 2016 0 4225
解決IE8兼容rgba()的解決辦法

引入     魷魚項目要求要做一個半透明的罩層,而且罩層上有一個類似alert框的div。因為如果用opacity的話,父級有了透明度就會影響子級,所以用rgba()就能解決透明度繼承的問題。但問題又來了,rgba()是css3的新屬性,所以IE8及以下瀏覽器不兼容,這怎么辦呢?終於我找到 ...

Fri Dec 04 18:22:00 CST 2015 2 5695
IE支持rgba半透明的方法

  低版本IE下不支持rgba()的表示方法,怎么辦?     background:rgba(0,0,0,0.5);     filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=# 7F000000 ...

Tue Jul 12 00:45:00 CST 2016 0 3287
background:rgba() 兼容ie8 用法

);//兼容IE 第二行的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這 ...

Mon Mar 20 21:20:00 CST 2017 0 2767
兼容IE、Firefox的背景半透明內容不透明設置

  首先要說明的是背景是內容的祖先元素。如果是兄弟節點那就沒有必要記錄這篇文章了。   記錄一,知其然也知其所以然。 IE8-特點:   1.不支持"opcity:0.5;"這種寫法,只支持"filter:alpha(opacity=50)"。   2.如果背景元素擁有css屬性設置 ...

Fri Jan 01 02:08:00 CST 2016 0 10545
兼容背景顏色半透明CSS代碼(不影響內部子元素)

如何簡單兼容性的實現父元素是半透明背景色,而子元素不受影響。 兼容所有瀏覽器的背景顏色半透明CSS代碼: 注意:startColorStr 和 endColorStr 的值,前兩位是十六進制的透明度,后面六位是十六進制的顏色。 其格式為 #AARRGGBB 。 AA 、 RR ...

Tue Aug 30 00:25:00 CST 2016 0 1871
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM