Css3 e angoli arrotondati *UPDATE*
Da Oggi anche opera supporta le funzionalità descritte in questo articolo! Infatti con l’uscita della versione 10.50 che introduce molte novità (assolutissimamente da provare!) è stata introdotta la compatibilità con diversi standard CSS3 tra cui anche il border radius. Ci basterà usarlo cosi: “border-radius: 5px;”. Ora è veramente ie l’unico che manca! :D
Una delle tante novità che sono in cantiere con i css3 sarà la possibilità di poter ottenere angoli arrotondati per div e qualsiasi altra cosa si voglia semplicemente attraverso il css e una direttiva che quasi sicuramente verrà chiamata border-radius.
Naturalmente ci sarà una fase di passaggio verso la quale i browser si adatteranno al nuovo standard e integreranno questa fantastica funzione che ci permetterà di ottenere layout accattivanti con pochissimo sforzo.
Se stai visitando il sito con firefox, safari o chrome noterai però che già utilizzo questa funzione (:. Ciò è dovuto al fatto che una cerchia di browser sta già fornendo supporto per alcune direttive tra le quali abbiamo il famigerato border radius.
Come ottenere allora un div con angoli arrotondati tramite css? Leggi il resto…
Da molto tempo ero alla ricerca di un modo per poter abilitare la trasparenza delle immagini png anche su ie6. Come la maggior parte di voi saprà questo browser (abbastanza vecchiotto e che farebbe bene a togliersi dalle scatole) non gestisce bene le trasparenze di questo formato che ormai viene utilizzato moltissimo in ambiente web per creare effetti quali ombreggiature e sovrapposizioni di immagini. Al posto della trasparenza viene visualizzato uno sfondo monocromatico tendente sul grigio. Se si gira la rete sopratutto per chi mastica sufficientemente l’inglese si trova materiale a bizzeffe su come ovviare a questo fastidioso problema.
Come sappiamo tutti la maggior parte dei problemi relativi al crossbrowsing che affliggono un webmaster sono dovuti ai diversi motori di renderizzazione che “animano” i vari browser presenti in circolazione. A tutto questo trambusto però ci si aggiungono anche vari problemi dovuti alle piattaforme (Sistemi Operativi) in qui questi browser vengono eseguiti.
Molto spesso quando si realizzano siti internet e si mette mano quindi direttamente sul css per dare la giusta formattazione e disposizione ai vari elementi del sito stesso si rischia di cominciare ad avere i capelli bianchi prima del tempo. Un css che sembra solido e funzionare bene sui vari browser risulta invece completamente “sballato” su le varie versioni di ie. Per risolvere la cosa ormai esistono vari trick come creare fogli di stile separati per ie e linkarli al sito attraverso commenti condizionali o anche dei trucchi attraverso il css stesso. Voglio però oggi presentarvi una tecnica più semplice che di solito utilizzo come primo tentativo quando un sito che sto realizzando non funziona propriamente su internet exploer. Questa tecnica fa uso della proprietà ZOOM: una proprietà css implementata solo dai browser di casa microsoft e ignorata dagli altri che se da un lato può essere una cosa positiva dato che viene interpretata solamente da ie e quindi può essere inserita all’interno del css generale dall’altro ha anche un aspetto negativo… non essendo una proprietà standard andrà a svalidare il nostro css. 
