原文:解決IE8下不兼容rgba()的解決辦法

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

2015-12-04 10:22 2 5695 推薦指數:

查看詳情

完美解決ie8下不兼容h5的方法

HTML5的語義化標簽以及屬性,可以讓開發者非常方便地實現清晰的web頁面布局,加上CSS3的效果渲染,快速建立豐富靈活的web頁面顯得非常簡單。 HTML5的新標簽元素有: <hea ...

Wed Apr 20 19:52:00 CST 2016 0 16513
兼容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顏色的半透明背景

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

Mon Aug 31 04:47:00 CST 2015 0 5474
關於box-shadow、border-radius不兼容ie8解決辦法

本來從css3兼容ie9+挺好的,可是總有一些共識要求ie8+,於是就有了我們的苦逼的找解決辦法。之前在網上查到一些說用 PIE.htc. But 我就是按照他說的寫的沒有管用。請教了一別人才會寫了。就我遇到的問題來說吧。 先說 box-shadow: <style> ...

Tue May 09 00:02:00 CST 2017 3 10634
ie8下不兼容document.getElementsByName解決方法

IE8以認為只有文本標簽才有name屬性的,一些元素標簽用document.getElementsByName獲取不到DOM,如DIV,span等,這里做一兼容。 HTML: 兼容JS: 測試JS: ...

Wed Sep 14 02:26:00 CST 2016 0 3425
ie8下不兼容h5新標簽的解決方法

HTML5新添了一些語義化標簽,他們能讓代碼語義化更直觀易懂,有利於SEO優化。但是此HTML5新標簽在IE6/IE7/IE8上並不能識別,需要進行JavaScript處理。 解決思路就是用js創建html5中的新標簽,代碼如下: 對於上面的代碼要初始化新標簽的CSS. ...

Tue Feb 28 01:44:00 CST 2017 0 1587
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM