標籤:檔案 variant red log rem nbsp ade figure 顏色
| html5低版本瀏覽器安全色方式 |
<!--[if IE]>
<script src=”http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js”> </script>
<![endif]-->
最後在css代碼中插入:
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
|
| css3 低版本瀏覽器安全色方式 |
IE6/7並不支援CSS3的屬性,IE8也不能很好的支援CSS3。如何讓IE 6/7/8支援border-radius (rounded),box-shadow ( shadow),text-shadow等這些屬性呢?這裡介紹一個通過htc指令碼實現這些屬性的方法
- 首先下載ie-css3.htc指令碼,然後在css中加入:它的使用方法是:下載它並放到你的伺服器目錄
- 在你的<head></head>裡面寫入下面的代碼:
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc);
}
注意:behavior: url(ie-css3.htc) 中的ie-css3.htc地址用絕對路徑或者直接傳到網站的根目錄下面,要不然可能會看不到效果。
- 當你使用了這個htc檔案後,你的CSS裡面,只要寫有box-shadow, -moz-box-shadow或-webkit-box-shadow的任何一種,IE就會渲染。 當使用了這個htc檔案後,你不能這樣寫box-shadow: 0 0 10px red; 而應該是box-shadow: 0px 0px 10px red; 否則IE中會失效。 不支援RGBA值中的alpha透明度。 不支援inset內陰影。 不支援陰影擴充。 陰影在IE中只會顯示為黑色,不管你設定成其它什麼顏色。 但是,這個指令碼了僅僅是讓IE支援了部份的box-shadow值。
|
老式瀏覽器支援html5與css3