Contenuto ombreggiato

[carlomarangoni]

Originariamente inviato da Simo990
Il codice generato da quel tool è totalmente cross-browser, perfino le versioni più anziane di IE lo supportano, dalla versione 5.5 in su - e per le versioni ancora più vecchie c'è un fallback a un gradiente più semplice.
...

É talmente compatibile con tutto che appena si apre la pagina con IE8 appare il messaggio che il CSS non è compatibile con il browser usato

[Simo990]

Il tool non è compatibile con i vecchi browser, ma il codice che genera sì

Important: You'll need a recent version of Firefox, Chrome, Safari, Opera or IE to use this Gradient Generator. The resulting CSS gradients are cross-browser - they will work in these browsers and will also fall back to a simpler gradient in older versions of Internet Explorer.

[carlomarangoni]

Originariamente inviato da Simo990
Il tool non è compatibile con i vecchi browser, ma il codice che genera sì

E IE8 è vecchio?

[Simo990]

Originariamente inviato da carlomarangoni
E IE8 è vecchio?

Beh, sarei tentato di risponderti sì visto lo scarsissimo supporto che ha per il CSS3 (solo 20/100 al test Acid3), ma purtroppo milioni di persone ancora lo usano... e comunque i gradienti li supporta anche lui, anche se con una proprietà CSS proprietaria (filter).


Tornando IT, box-shadow non è supportata da IE8 e versioni inferiori... se vuoi un sito cross-browser devi ancora ripetere le immagini sui bordi, oppure ti affidi a una libreria come CSS3 PIE.

[tonyhhkx]

grazie dei consigli, ve ne sono davvero grato

[tonyhhkx]

salve ragazzi, scuste se ritorno, ma non ho capito però come fare a far uscire l'ombreggiatura solo sul bordo di tutta la pagina.
Faccio sempre riferimento a questo link .

Come è possibile realizzare ciò?

[Simo990]

Guarda qui http://tinyurl.com/6gj8rjx

[tonyhhkx]

grazieeeeeeeeeeeeeeeeeeee ecco la soluzione

      
        <style type="text/css">
body {
font: 12px verdana, arial, sans-serif;
margin: 20px;
}
#box1 {background: white;width:200px;padding: 10px;-moz-box-shadow: 0 0 25px black;-webkit-box-shadow:0 0 25px black;-box-shadow: 0 0 25px black;}

</style>