欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺析border-radius如何兼容IE

  發(fā)布時(shí)間:2016-04-19 15:55:05   作者:佚名   我要評(píng)論
border-radius如何兼容IE呢?下面小編就為大家介紹一下border-radius兼容IE的方法。一起跟隨小編過來看看吧,祝大家游戲愉快哦

目前而言firefox,opera,chrome等主流瀏覽器都已經(jīng)支持border-radius屬性,唯獨(dú)IE8以及之前。

解決辦法就是在用的border-radius屬性的后面加上:behavior: url(ie-css3.htc);

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html>  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8">  
  5.     <title>border-radius兼容IE</title>  
  6.     <style>  
  7.         .d1{   
  8.             width: 5em;   
  9.             height:5em;   
  10.             background: #e4393c;   
  11.             /*防止瀏覽器版本過低*/   
  12.             -moz-border-radius: 50%;   
  13.             -webkit-border-radius: 50%;   
  14.             border-radius: 50%;   
  15.             /*解決IE*/   
  16.             behavior: url(ie-css3.htc);   
  17.         }   
  18.     </style>  
  19. </head>  
  20. <body>  
  21.     <div class="d1"></div>  
  22. </body>  
  23. </html>  

以上這篇淺析border-radius如何兼容IE就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • css3 border-radius屬性詳解

    這篇文章主要介紹了css3 border-radius屬性詳解,這里整理了詳細(xì)的代碼資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-05
  • border-radius是向元素添加圓角邊框的方法

    下面小編就為大家?guī)硪黄猙order-radius是向元素添加圓角邊框的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-26
  • border-radius以外的CSS圓角邊框制作方法

    用CSS3的border-radius屬性來制作圓角邊框相當(dāng)順手,然而瀏覽器的兼容問題并不是太好處理,這里我們就來總結(jié)一下border-radius以外的CSS圓角邊框制作方法.
    2016-06-02
  • CSS3 border-radius(圓角)效果在線調(diào)試工具

    這是一款可在線調(diào)試并預(yù)覽CSS3 border-radius(圓角)效果的工具。右側(cè)具有實(shí)時(shí)調(diào)試并顯示預(yù)覽效果的功能,同時(shí)能夠?qū)崟r(shí)生成對應(yīng)的css3效果代碼,方便需要的朋友使用。
    2016-05-31
  • 利用CSS3的border-radius繪制太極及愛心圖案示例

    CSS3中的border-radius可以輕松地用來繪制弧線,如果只用來做圓角矩形的話可就太浪費(fèi)了,下面就來展示一下利用CSS3的border-radius繪制太極及愛心圖案示例,需要的朋友可以參
    2016-05-17
  • CSS3中border-radius屬性設(shè)定圓角的使用技巧

    這篇文章主要介紹了CSS3中border-radius屬性設(shè)定圓角的使用技巧,border-radius的作用不止是最常用的圓角矩形,我們還可以利用它設(shè)置弧度來制作其他弧線邊框圖形,需要的朋友
    2016-05-10
  • 實(shí)例講解CSS3中的border-radius屬性

    這篇文章主要介紹了實(shí)例講解CSS3中的border-radius屬性,是CSS3入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下
    2015-08-18
  • CSS3使用border-radius屬性制作圓角

    這篇文章主要介紹了CSS3使用border-radius屬性制作圓角,并附上示例代碼,推薦給有相同需求的小伙伴。
    2014-12-22
  • 使用CSS的border-radius屬性 設(shè)置圓弧

    這篇文章主要介紹了使用CSS的border-radius屬性 設(shè)置圓弧,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-11-26

最新評(píng)論