IE8下兼容rgba顏色的半透明背景 這樣的標題在百度和google搜索下很多篇文章,講解IE8下兼容rgba的。 這些文章全部都是使用IE下的filter來使元素透明,但是這個里面會有bug。 它們的如下: IE filter 的bug 簡答評論下這個代碼的問題,首先這代碼在IE ...
在工作中做一個圖片半透明遮罩時發現在IE 下不兼容 一查再知道IE 不支持rgba顏色,再搜搜兼容性方法,沒想到這么快就解決了。 先說說rgba的含義: r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba , , ,. 就是透明度為 . 的黑色。現代瀏覽器是支持rgba的,但是在IE 等古董級瀏覽器中是不支持rgba的,I ...
2015-08-30 20:47 0 5474 推薦指數:
IE8下兼容rgba顏色的半透明背景 這樣的標題在百度和google搜索下很多篇文章,講解IE8下兼容rgba的。 這些文章全部都是使用IE下的filter來使元素透明,但是這個里面會有bug。 它們的如下: IE filter 的bug 簡答評論下這個代碼的問題,首先這代碼在IE ...
用一個大的div來包裹陰影層(半透明div)和p標記,p標記要放在陰影層之外;然后利用position:absolute、z-index、background-color、opacity、filter:alpha(opacity)等等樣式,就能實現想要的效果。 效果 ...
今天遇到了一個問題,要在一個頁面中設置一個半透明的白色div。這個貌似不是難題,只需要給這個div設置如下的屬性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8。這個就有點蛋疼了。因為ie8不支持rgba()函數。下面我們總結一下rgba()函數 ...
引入 魷魚項目要求要做一個半透明的罩層,而且罩層上有一個類似alert框的div。因為如果用opacity的話,父級有了透明度就會影響子級,所以用rgba()就能解決透明度繼承的問題。但問題又來了,rgba()是css3的新屬性,所以IE8及以下瀏覽器不兼容,這怎么辦呢?終於我找到 ...
低版本IE下不支持rgba()的表示方法,怎么辦? background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=# 7F000000 ...
);//兼容IE 第二行的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這 ...
首先要說明的是背景是內容的祖先元素。如果是兄弟節點那就沒有必要記錄這篇文章了。 記錄一下,知其然也知其所以然。 IE8-特點: 1.不支持"opcity:0.5;"這種寫法,只支持"filter:alpha(opacity=50)"。 2.如果背景元素擁有css屬性設置 ...
如何簡單兼容性的實現父元素是半透明背景色,而子元素不受影響。 兼容所有瀏覽器的背景顏色半透明CSS代碼: 注意:startColorStr 和 endColorStr 的值,前兩位是十六進制的透明度,后面六位是十六進制的顏色。 其格式為 #AARRGGBB 。 AA 、 RR ...