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

Windows Server 2008-Tutorial zur Überwachung der Serverleistung

Als Nächstes erfahren Sie, wie Sie die Serverleis...

Einführung in Spark und Vergleich mit Hadoop

Inhaltsverzeichnis 1. Spark vs. Hadoop 1.1 Nachte...

Vue ElementUI implementiert einen asynchronen Ladebaum

In diesem Artikelbeispiel wird der spezifische Co...

Einführung in die schnelle Docker-Bereitstellung eines SpringBoot-Projekts

1. Docker installieren Öffnen Sie zunächst die Li...

Tutorial zur HTML-Tabellenauszeichnung (10): Zell-Padding-Attribut CELLPADDING

Unter Zellenabstand versteht man den Abstand zwis...

Tutorial zur Installation von Odoo14 aus dem Quellcode unter Ubuntu 18.04

Inhaltsverzeichnis Hintergrund dieser Serie Überb...

Detaillierte Erläuterung der MySQL-Datenbankisolationsebene und des MVCC

Inhaltsverzeichnis 1. Isolationsstufe LESEN SIE U...

Detaillierte Erklärung zur Lösung des Problems zu langer Inhalte in CSS

Wenn wir CSS schreiben, vergessen wir manchmal di...

JDBC-Erkundung SQLException-Analyse

1. Übersicht über SQLException Wenn bei der Verwe...

Gemessenes Bild - HTTP-Anforderung

Bitte öffnen Sie die Testseite in einem gängigen ...

So ändern Sie das MySQL-Datenbankdateiverzeichnis in Ubuntu

Vorwort Der Ubuntu-Server des Unternehmens platzi...

Eine kurze Diskussion über die Magie von parseInt() in JavaScript

Ursache Der Grund für das Schreiben dieses Blogs ...