今天遇到了一個問題,要在一個頁面中設置一個半透明的白色div。這個貌似不是難題,只需要給這個div設置如下的屬性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8。這個就有點蛋疼了。因為ie8不支持rgba()函數。下面我們總結一下rgba()函數 ...
background: rgba , , ,. 火狐,谷歌等 filter:progid:DXImageTransform.Microsoft.gradient startColorstr ffffff,endColorstr ffffff 兼容IE 第二行的意思就是當上一行的透明度不起作用的時候執行。這句話的意思本來是用來做漸變的。但是這個地方不需要漸變。所以兩個顏色都設置成了相同的顏色。 這個 ...
2017-03-20 13:20 0 2767 推薦指數:
今天遇到了一個問題,要在一個頁面中設置一個半透明的白色div。這個貌似不是難題,只需要給這個div設置如下的屬性即可: background: rgba(255,255,255,.1); 但是要兼容到ie8。這個就有點蛋疼了。因為ie8不支持rgba()函數。下面我們總結一下rgba()函數 ...
IE8下兼容rgba顏色的半透明背景 這樣的標題在百度和google搜索下很多篇文章,講解IE8下兼容rgba的。 這些文章全部都是使用IE下的filter來使元素透明,但是這個里面會有bug。 它們的如下: IE filter 的bug 簡答評論下這個代碼的問題,首先這代碼在IE ...
2017.7.5更新: 在處理IE8兼容性問題上,對於背景圖片比背景框還大的情況,還需要做一下處理: 根據canius(http://caniuse.com/#search=background-size),background-size兼容性為IE9以及以上瀏覽器 ...
滿心歡喜地寫代碼,最后測試兼容性的時候發現Logo圖片在IE8下特別大。明顯是background-size在ie8一下不兼容。 我懂得,IE8還是個孩子,我就加幾句你獨有的代碼讓你兼容吧,司空見慣了: 然后發現logo變得十分華麗(奧義·雙重logo ...
IE8下,使用background-size適應盒子大小時不兼容,效果如下圖: 網上找資料,說添加如下代碼可以兼容IE8 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Style ...
在工作中做一個圖片半透明遮罩時發現在IE8下不兼容 一查再知道IE8不支持rgba顏色,再搜搜兼容性方法,沒想到這么快就解決了。 先說說rgba的含義: r代表red,g代表green,b代表blue,a代表透明度。紅綠藍是三原色,所有顏色都可以由這三種顏色拼合而成。比如rgba ...
引入 魷魚項目要求要做一個半透明的罩層,而且罩層上有一個類似alert框的div。因為如果用opacity的話,父級有了透明度就會影響子級,所以用rgba()就能解決透明度繼承的問題。但問題又來了,rgba()是css3的新屬性,所以IE8及以下瀏覽器不兼容,這怎么辦呢?終於我找到 ...
ie8兼容圓角 PIE.HTC下載地址:http://css3pie.com/ 兼容ie8 代碼如下: ...