A CSS3 támogatottsága még elég gyatra, főleg IE terén, ezen igyekszik segíteni az alábbi megoldás:
Használata
1 2 3 4 5 6 7 8 9 10 11 | .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 */
} |
A lényeg az utolsó sorban, a behavior részen van.
Letöltés: ie-css3.htc
Bővebben infókat a CSS3 support in Internet Explorer 6, 7, and 8 honlapon olvashatsz.
Háát, de jó, h még támogatják az IE 6-ot… Globális megoldás IE6-7-8 gondokra:
format c:
Install Ubuntu (még pár nap az új kiadásig…)
sudo apt-get install firefox 3.6
túl sokat vártam ettől az IE-CSS3.htc-től :( Három paramétert tud, azt se teljesen. Nincs mese. Marad a jó öreg PNG-s megoldás. Az már legalább sikerült az IE csapatának. Nem értem egyébként őket, mert pl a windows már elég jó, és sokmindenben egészen jól teljesít a cég.