Heim > Web-Frontend > CSS-Tutorial > Einführung in die Border-Radius-IE8-kompatible Verarbeitungsmethode

Einführung in die Border-Radius-IE8-kompatible Verarbeitungsmethode

高洛峰
Freigeben: 2017-03-24 09:40:45
Original
2847 Leute haben es durchsucht

Laut canisue (http://caniuse.com/#search=border-radius) ist die Grenzradius-Kompatibilität in der folgenden Abbildung dargestellt:

border-radius IE8兼容处理方法介绍

Test Code:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            
            #header {
                width: 400px;
                height: 400px;
                margin: 10px;
                border-radius: 10px;
                border: 1px solid red;
            }
        </style>
    </head>

    <body>
        <div id="header">
        </div>
    </body>

</html>
Nach dem Login kopieren

IE8-Browsereffekt:

border-radius IE8兼容处理方法介绍

Grenzradius-kompatible Lösung im IE8-Browser:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title></title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
            }
            
            #header {
                width: 400px;
                height: 400px;
                margin: 10px;
                border-radius: 10px;
                border: 1px solid red;
                /*关键属性设置 需要把路径设置好*/
                behavior: url(PIE.htc);
            }
        </style>
    </head>

    <body>
        <div id="header">
        </div>
    </body>

</html>
Nach dem Login kopieren

IE8-Browser Effekt unter dem Gerät:

border-radius IE8兼容处理方法介绍

PIE.HTC-Downloadadresse: http://css3pie.com/

PIE kann CSS3 verarbeiten Einige Attribute, wie zum Beispiel:

border-radius IE8兼容处理方法介绍

Das obige ist der detaillierte Inhalt vonEinführung in die Border-Radius-IE8-kompatible Verarbeitungsmethode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage