I bordi arrotondati anche su explorer? Ci pensiamo noi…

…o meglio, ci pensa Jon Raash con questo javascript per far funzionare questa nuova proprietà css3 anche su Explorer. Al che salta fuori la polemica: ma possibile che neanche Explorer 8 supporti ancora i css? Grrr

Va beh, se il sito ve lo permette e non è già carico di javascript un piccolo sacrificio lo si può fare…

A presto!

Laura Gargiulo, web designer freelance e blogger.
Autrice di “Come diventare web-coso” e “Consigli di webdesign base“,
moglie dal dicembre 2010 e madre dal dicembre 2012.
Portfolio personale: Lauryn.it
Parlo anche di viaggi ed expat su: Myplaceintheworld.it e do consigli su come espatriare a Edimburgo sul mio blog Lovin’Edinburgh

18 Commenti

  1. PIDE

    Oppure è possibile utilizzare jquery http://www.malsup.com/jquery/corner/

    Risposta
  2. Lauryn (Autore Post)

    grazie pide!

    Risposta
  3. Francesco Caruccio

    No comment. Se no divento polemico verso IE!

    Risposta
  4. Francesco Ciabatta

    Avevo già testato entrambi gli script, sia quello suggerito da Laura che da Pide, e mi sembra più funzionale il primo.
    Il secondo infatti per creare gli angoli arrotondati crea una serie di alti 1px…

    In questi giorni sto vedendo spuntare sempre più tutorial che sfruttano HTML5 e CSS3 ed avvilente pensare che IE non supporta gran parte delle nuove feature…

    Risposta
  5. evilripper

    la microsoft deve smetterla di fare browser!! non sono capaci di rispettare gli standard!!Inoltre con ie6 hanno reso il web pieno di porcherie e meno sicuro!!!

    Risposta
  6. franz

    @evilripper: perchè invece sono capaci di fare sistemi operativi??? 🙂

    Risposta
  7. iVicio

    Pfff ma ancora esiste Explorer?

    Risposta
  8. Andrea Leti

    Sono assolutamente con Francesco…diventerei troppo polemico contro IE…

    Risposta
  9. Francesco Ciabatta

    Beh… Windows 7 devo dire che è un bel sistema operativo. Lo sto usando da una paio di mesi e va davvero bene.

    Risposta
  10. teoSeattle

    Grazie per la segnalazione.
    E’ veramente ridicolo che neanche la versione 8 supporti i CSS3.
    Ma io mi sono rotto.. userò le nuove proprietà e chi ha quel browser (?) si dovrà rassegnare a vedere il sito senza le piccole migliorie grafiche che portano. sono stufo di usare immagini per fare bordi tondi, ombre, font non standard ecc..

    Risposta
  11. Andrea Scarpello

    Bhè..non ho parole, ma ancor peggio è che explorer, è, e rimarra sempre l’unico browser preinstallato su tutti i SO microsoft…

    Risposta
  12. Marco

    Che pena che fa Explorer, è veramente un cesso.

    Risposta
  13. Marco Grazia

    Discussione vecchia ma vale la pena di rivitalizzarla con questo.

    In realtà in puro stile Microsot usa i behaviour un esempio l’ho usato su un mio sito per implementare bordi arrotondati, ovviamente non funziona su IE6 o meglio, funzionerebbe ma ci vuole un altro script di behaviour… uff!
    Questo è testato per IE7 e IE8.

    In pratica copiate questo file di Remiz Rahnas
    ( http://www.htmlremix.com/css )

    http://www.minigiochi.it/css/border-radius.htc

    dove vi pare a voi, poi nel CSS lo richiamate così:
    /* IE */
    behavior:url(border-radius.htc);
    /* fine per BORDI */

    La dimensione dei bordi va modificata dentro il behaviour, specifiche le trovate nella sua pagina http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

    M.

    Risposta
  14. Lauryn (Autore Post)

    io uso questo: http://www.curvycorners.net/ e funziona molto bene!

    Risposta
    1. Marco Grazia

      Che utilizza sempre un javascript che immagino debba necessariamente avere delle classi con nomi prestabiliti se funziona in modo simile ad altri.
      comunque sembra davvero veloce.
      Ieri ero tentato di farmene uno mio dopo aver provato il programmino di Gustavsson ( http://www.italianalistapart.com/articoli/21-numero-9-6-luglio-2010/77-basta-fork-con-css3 ) che però mi bloccava il browser fino a quando non usciva l’avviso “fermo lo script o continuo?”.
      Poi ho deciso che vale la pena di usare i vendor prefix.

      Risposta
  15. beppenmk

    Scusate se riapro una ferita aperta 😀
    ma utilizzando questo metodo ho il problemaa che explorer mi mette un colore di sfondo (nero) ai box col bordo arrotondato.
    Se specifico un colore diverso tutto va ma ho bisogno di un box trasparente….
    problema solo mio ?

    Risposta
    1. Lauryn (Autore Post)

      ciao, capitava anche a me, mi sembra si risolvesse indicando un colore di sfondo, possibile?

      Risposta
    2. Marco Grazia

      Sarebbe interessante sapere a quale versione di IE ti riferisci, comunque hai provato a dare implicitamente il colore trasparente al box?

      background-color: transparent;

      Attenzione anche a non usare la versione corta della proprietà ma usare proprio la definizione -color

      M.

      Risposta

Lasciaci un tuo commento!

%d blogger hanno fatto clic su Mi Piace per questo: