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.

Kapcsolódó bejegyzések:
  • Régebben ugye a kerekített sarkokhoz ott volt a klasszikus megoldás, amikor képekkel lett megoldva mind a 4 sarok. Ezen túl ott van a szokásos CSS3 megoldás, ami …

  • Itt a legújabb CSS3 online generator. Megnéztem és teljesen jó kódot generál, használata meglehetősen egyszerű, egyértelmű.Egy mintakód, amit generál …

  • A webdesigner depot-on jelent meg nemrég egy jó kis gyűjtemény 15db HTML5 és CSS3 generátor szolgáltatást felsorolva, amik között vannak tényleg jók és hasznosak …

  • Egyik kedves látogatónk – Orsi – küldte be az alábbi, PDF formátumban letölthető HTML5 és CSS3 összefoglalót.Frissítés: Orsi elküldte mail-ben és a 12., …

  • Megjelent a W3C HTML5 logo hivatalos verziója. Az oldalán (http://www.w3.org/html/logo/) elérhető ahonlapokba illeszthető kód (most már lehet …

A cikket beküldte: Harder (http://blog.harder.hu)

2 hozzászólás

  1. ViZion says:

    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 says:

    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á
a CSS3 támogatás IE 6, 7 és 8 böngészőhöz c. bejegyzéshez

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