Border-Radius IE8-kompatible Verarbeitungsmethode

Border-Radius IE8-kompatible Verarbeitungsmethode

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

Testcode:

<!DOCTYPE html>
<html>

    <Kopf>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-kompatibel" content="IE=edge,chrome=1">
        <Titel></Titel>
        <style type="text/css">
            * {
                Rand: 0;
                Polsterung: 0;
            }
            
            #Kopfzeile {
                Breite: 400px;
                Höhe: 400px;
                Rand: 10px;
                Rahmenradius: 10px;
                Rand: 1px durchgehend rot;
            }
        </Stil>
    </Kopf>

    <Text>
        <div id="Kopfzeile">
        </div>
    </body>

</html>

IE8-Browser-Effekt:

Border-Radius ist mit dem IE8-Browser kompatibel:

<!DOCTYPE html>
<html>

    <Kopf>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-kompatibel" content="IE=edge,chrome=1">
        <Titel></Titel>
        <style type="text/css">
            * {
                Rand: 0;
                Polsterung: 0;
            }
            
            #Kopfzeile {
                Breite: 400px;
                Höhe: 400px;
                Rand: 10px;
                Rahmenradius: 10px;
                Rand: 1px durchgehend rot;
                /*Schlüsselattributeinstellungen erfordern die Angabe des Pfads*/
                Verhalten: URL(PIE.htc);
            }
        </Stil>
    </Kopf>

    <Text>
        <div id="Kopfzeile">
        </div>
    </body>

</html>

Auswirkungen unter dem IE8-Browser:

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

PIE kann einige CSS3-Eigenschaften verarbeiten, beispielsweise:

IE8: Kompatibilität ist hauptsächlich:

(1) CSS3-Attribute werden nicht unterstützt. PIE.js wird verwendet, um CSS3-Effekte zu implementieren.

(2) Medienabfrage

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

<<:  Inhaltstypbeschreibung, d. h. der Typ des HTTP-Anforderungsheaders

>>:  So verstehen Sie SELinux unter Linux

Artikel empfehlen

Einführung in das Methodenattribut des Formularformulars in HTML

1 Methode ist eine Eigenschaft, die angibt, wie Da...

Richtige Methode zum Laden von Schriftarten in Vue.js

Inhaltsverzeichnis Schriftarten mit font-face ric...

img usemap Attribut China Karte Link

HTML-img-Tag: definiert ein Bild, das in eine Webs...

Lösung für das Fehlerproblem bei der Remote-Verbindung von Vscode zu Ubuntu

1. Hintergrund des Vorfalls: Aus Arbeitsgründen m...

So ändern Sie den Standardspeicherort von Docker-Images (Lösung)

Aufgrund der anfänglichen Partitionierung des Sys...

Über Front-End JavaScript ES6 Details

Inhaltsverzeichnis 1. Einleitung 1.1 Babel-Transc...

Drei Möglichkeiten zum Teilen der Komponentenlogik in React

Ohne weitere Umschweife sind dies diese drei Meth...

Beispielcode zum Erstellen von Desktop-Anwendungen mit Vue + Electron

1.vue-Verpackung Hier verwenden wir den Befehl „v...

MySQL 8.0 Upgrade-Erfahrung

Inhaltsverzeichnis Vorwort 1. Deinstallieren Sie ...

Der Unterschied zwischen MySQL count(1), count(*) und count(field)

Inhaltsverzeichnis 1. Erster Blick auf COUNT 2. D...

Detaillierte Erklärung der Tastaturereignisse von Vue

Inhaltsverzeichnis Allgemeine Schlüsselaliase Sch...