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.

Szerző: Harder (http://blog.harder.hu)

 

2 hozzászólás
a CSS3 támogatás IE 6, 7 és 8 böngészőhöz c. bejegyzéshez

  1. ViZion ()

    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. mex ()

    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.

Szólj hozzá Te is
a CSS3 támogatás IE 6, 7 és 8 böngészőhöz c. bejegyzéshez

Connect with Facebook

- Engedélyezett HTML elemek: <a> <em> <strong> <ul> <ol> <li>
- Forráskód beküldéséhez tedd a kódot ezek közé: <pre lang="php" line="1">Kódrészlet helye itt</pre>