RSS
TwitterCSS3 Support für den IE
Jun 15
Typo3, Typolight / Contao, Wordpress Anleitung, CSS, CSS3, HowTo, htc, Tipp Keine Kommentare
Es gibt wahrscheinlich zig Möglichkeiten dem IE CSS3 beizubringen. Heute bin ich über eine, mir noch unbekannte, Möglichkeit gestoßen. Hierbei muss eine htc Datei eingebunden werden. Somit unterstützt der IE 6 – 8 folgende drei CSS3 Eigenschaften
- border-radius
- box-shadow
- text-shadow
Eingebunden wird dies mittels behavior: url(ie-css3.htc);
Beispiel
Nehmen wir an ein div soll einen Schatten erhalten somit muss folgendes notiert werden.
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
Das behavior sorgt nun dafür das der IE weiß er soll einen Schatten erzeugen.
Hier gehts zur Projektseite
