CSS3 támogatás IE 6, 7 és 8 böngészőhöz

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.

Hugyecz Görgy (Harder)
20+ éve munkám és hobbim is az online világhoz köt. Az utóbbi 10+ évben leginkább keresőopimalizálás (SEO) témában tevékenykedem, mellette pedig Google Ads és Facebook PPC fronton is segítem ügyfeleimet. Korábban 10+ évig webgrafika, sitebuild, weboldal készítés témakörben mozogtam.

2 HOZZÁSZÓLÁS

  1. 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

  2. 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.

HOZZÁSZÓLOK A CIKKHEZ

Kérjük, írja be véleményét!
írja be ide nevét