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!
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Autrice di "Consigli di webdesign base", Membro del progetto Piperita Lab e dell'IWA Italy.
18 Commenti
Oppure è possibile utilizzare jquery http://www.malsup.com/jquery/corner/
grazie pide!
No comment. Se no divento polemico verso IE!
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…
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!!!
@evilripper: perchè invece sono capaci di fare sistemi operativi???
Pfff ma ancora esiste Explorer?
Sono assolutamente con Francesco…diventerei troppo polemico contro IE…
Beh… Windows 7 devo dire che è un bel sistema operativo. Lo sto usando da una paio di mesi e va davvero bene.
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..
Bhè..non ho parole, ma ancor peggio è che explorer, è, e rimarra sempre l’unico browser preinstallato su tutti i SO microsoft…
Che pena che fa Explorer, è veramente un cesso.
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.
io uso questo: http://www.curvycorners.net/ e funziona molto bene!
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.
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 ?
ciao, capitava anche a me, mi sembra si risolvesse indicando un colore di sfondo, possibile?
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.