Ho un problema davvero strano con Safari.
In pratica non visualizza correttamente un border radius con effetto shadow, anche se tutti gli altri maggiori browser (ie9, Chrome, Firefox) non hanno problemi, ma soprattutto, lo stesso Safari visualizza perfettamente altri elementi con le stesse specifiche!!!
Un esempio:
http://www.beachpartyfever.com/parti...-vila-do-conde
Come vedete, il bordo giallo presenta i due angoli blu, ed io onestamenten on riesco proprio a speigarmelo, anche perché i due riquadri sotto sono visualizzati correttamente, indi non mi pare un problema di proprietà in sé e per sé..
Se serve, qui posto i due css:
Per quello "malfunzionante"
Ed ora quello funzionante:codice:div.articlelabel { position: relative; width: 80%; margin: 0 auto; background-color: #d8c103; box-shadow: 0px 0px 10px 9px #d8c103; -webkit-box-shadow: 0px 0px 10px 9px #d8c103; -moz-box-shadow: 0px 0px 10px 9px #d8c103; border-top-left-radius: 165px 50px; border-top-right-radius: 165px 50px; -webkit-border-top-left-radius: 165px 50px; -webkit-border-top-right-radius: 165px 50px; -moz-border-radius-topleft: 165px 50px; -moz-border-radius-topright: 165px 50px; text-align: center; }
Io davvero non riesco a capire la differenza dell'uno e dell'altro, se non le differenze in pixel, ma quelle le ho provate a modificare... Ah, l'aggiunta webkit l'ho fatta per vedere se il problema andava via, me lo faceva già da prima...codice:div.articlelabel50left { background-color: #d8c103; position: relative; margin-top: 50px; width: 40%; float: left; margin: 0 0 0 3.5%; box-shadow: 0px 0px 10px 9px #d8c103; -moz-box-shadow: 0px 0px 10px 9px #d8c103; border-top-left-radius: 80px 25px; border-top-right-radius: 80px 25px; -moz-border-radius-topleft: 80px 25px; -moz-border-radius-topright: 80px 25px; text-align: center; }
Grazie!!!!

Rispondi quotando
