suchen

Heim  >  Artikel  >  Web-Frontend  >  Einführung in die mit Box-Shadow IE8 kompatible Verarbeitungsmethode

Einführung in die mit Box-Shadow IE8 kompatible Verarbeitungsmethode

高洛峰
高洛峰Original
2017-03-24 09:37:183231Durchsuche

Laut Canisue (http://caniuse.com/#search=box-shadow) ist die Box-Shadow-Kompatibilität wie folgt:

box-shadow IE8兼容处理方法介绍

Testcode: 

<!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;
                background-color: #999999;
                box-shadow: 3px 3px 5px #000;
            }
        </style>
    </head>

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

</html>

IE8-Browsereffekt:

box-shadow 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;
                background-color: #999999;
                box-shadow: 3px 3px 5px #000;
                /*关键属性设置 需要把路径设置好*/
                behavior: url(PIE.htc);
            }
        </style>
    </head>

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

</html>

Der Effekt unter dem IE8-Browser:

box-shadow IE8兼容处理方法介绍

PIE kann einige Eigenschaften von CSS3 verarbeiten, wie zum Beispiel:

box-shadow IE8兼容处理方法介绍

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

Stellungnahme：
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
Vorheriger Artikel：Probleme und Lösungen bei der Randrandüberlagerung in CSSNächster Artikel：Probleme und Lösungen bei der Randrandüberlagerung in CSS

In Verbindung stehende Artikel

Mehr sehen