Problema (a me) inspiegabile gradient
Ho trovat una guida interessante sul come impostare un gradient con css + PS.
Dato che la chiedete spessso, ecco la pagina:
http://pkspritesearch.altervista.org/pagine/try/sfum/
L?HTML è ridotto al minimo:
Codice HTML:
<h1>
<span></span>
CSS Gradient Text
</h1>
Mentre il resto lo fa i css:
Codice:
h1 {
font: bold 330%/100% "Lucida Grande", Arial, sans-serif;
position: relative;
height: 31px;
color: #464646;
}
h1 span {
background: url(gradient-white.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}
Il punto è che se cambio l'immagine da gradient-white.png a qualsiasi altro file; be', adesso tocca a voi giudicare:
http://i.imgur.com/JDFmfYB.png
Insomma, sce una bella schifezza.
Però rimettendo a posto l'immagine, tutto si sistema :/
È tipo un brutto sogno :/
Come si potrebbe risolvere?
Grazie Sbkdhecvq