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

Ähnliche Beiträge