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
Javascript zum Erzielen eines Trommeleffekts
In diesem Artikel wird der spezifische Code von J...
18 Web-Usability-Prinzipien, die Sie kennen müssen
Sie können über die besten visuellen Designfähigk...
Detaillierte Erläuterung mehrerer Methoden zur Reduzierung der JS-Array-Dimensionalität
Dimensionsreduzierung eines zweidimensionalen Arr...
Häufig verwendete JavaScript-Array-Methoden
Inhaltsverzeichnis 1. filter() 2. fürJedes() 3. e...
Detaillierte Erklärung der Lösung des Problems des Zusammenführens von Zeilen und Spalten in Tabellen in HTML
Da wir eine Website erstellen wollten, enthielt d...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.23 unter Win10
In diesem Artikel wird die Installations- und Kon...
Detaillierte Erklärung der grundlegenden Typen von TypeScript
Inhaltsverzeichnis Boolescher Typ Nummerntypen Ze...
Was ist Nginx-Lastausgleich und wie wird er konfiguriert?
Was ist Lastenausgleich? Der Lastausgleich wird h...
So führen Sie SQL-Anweisungen automatisch aus, wenn MySQL in Docker gestartet wird
Wenn wir mit Docker einen MySQL-Container erstell...
Erste Schritte mit TS (TypeScript) im Vue-Projekt
Inhaltsverzeichnis 1. Einführung in Typescript 2....
So generieren Sie PDFs und laden sie im Vue-Frontend herunter
Inhaltsverzeichnis 1. Installation und Einführung...
Grafisches Tutorial zur Installation und Konfiguration von Ubuntu 18.04 MySQL 8.0
In diesem Artikel wird die Installations- und Kon...
Detaillierte Erläuterung der Vue-Projektverpackung
Inhaltsverzeichnis 1. Zugehörige Konfiguration Fa...
Praktische Fähigkeiten zur Entwicklung von WeChat-Applets: Datenübertragung und -speicherung
Indem ich die verschiedenen Probleme, auf die ich...
Detaillierte Erklärung der JavaScript-Datentypen
Inhaltsverzeichnis 1. Literale 1.1 Numerische Lit...