老式瀏覽器支援html5與css3

來源:互聯網
上載者:User

標籤:檔案   variant   red   log   rem   nbsp   ade   figure   顏色   


html5低版本瀏覽器安全色方式
      
  1. <!--[if IE]>
  2. <script src=”http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js”> </script>
  3. <![endif]-->
最後在css代碼中插入:
      
  1. 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指令碼實現這些屬性的方法
  1. 首先下載ie-css3.htc指令碼,然後在css中加入:它的使用方法是:下載它並放到你的伺服器目錄
  2. 在你的<head></head>裡面寫入下面的代碼: 
  3.        
    1. .box {
    2. -moz-border-radius: 15px; /* Firefox */
    3. -webkit-border-radius: 15px; /* Safari and Chrome */
    4. border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    5. -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
    6. -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
    7. box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
    8. behavior: url(ie-css3.htc);
    9. }
    注意:behavior: url(ie-css3.htc) 中的ie-css3.htc地址用絕對路徑或者直接傳到網站的根目錄下面,要不然可能會看不到效果。
  4. 當你使用了這個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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.