Ho bisogno di sapere come ottenere che l'immagine di sfondo non sia sfocata quando il testo è sovrascritto in CSS perché rovina l'aspetto del mio sito web se è sfocato.Come evitare che l'immagine di sfondo diventi sfocata
mio CSS è:
background: #ff0000 url(img/rain.jpg) top center repeat-y;
background-size: 100%;
Ma quando carico in su in cui v'è il testo che la linea va confusa e io non voglio che così come faccio a fare questo?
ho capito facendo:
background: transparent;
alla 01.235.e p elementi.
uso di background-size: cover;background-position:50% 50%; vi aiuterà a ..
* {
font-family: Calibri, Comic Sans MS, Serif;
background: #ff0000 url(http://www.coolguysite.co.uk/blog/templates/default/img/rain.jpg) top center repeat-y;
background-size: cover;
background-position:50% 50%;
}
Grazie per il tuo commento ma vedi la mia risposta. –
tenta di aggiungere:
immagine rendering: -webkit-optimize contrasto;
Prova ad aggiungere al codice: image-rendering: pixelated; Per me ha funzionato perfettamente. puoi anche provare - image-rendering: -webkit-optimize-contrast;
Wow. Sono stupito. Sei riuscito a mettere completamente nessun contesto in questa domanda. Senza conoscere il contesto, questa è solo immondizia irrisolvibile. Per favore aggiungi codice, screenshot, URL, o almeno qualcosa che descriva adeguatamente il problema, che cosa lo porta e dove sei bloccato ... Potresti anche leggere le [FAQ], potrebbe essere reciprocamente vantaggioso per noi tutti. – ppeterka
Il mio codice è: background: # ff0000 url (img/rain.jpg) top center repeat-y; dimensioni sfondo: 100%; Ma quando lo carico dove c'è del testo quella linea diventa sfocata e io non la voglio così come faccio? –
inserire il codice in questione non nel commento ... e se possibile, darci un esempio dal vivo in jsfiddle.net –