Potrzebuję wiedzieć, jak sprawić, aby obraz tła nie był rozmazany, gdy tekst jest nad nim w CSS, ponieważ psuje wygląd mojej witryny, jeśli jest rozmazany.Jak zapobiec rozmyciu obrazu tła?
Moje CSS jest:
background: #ff0000 url(img/rain.jpg) top center repeat-y;
background-size: 100%;
Ale kiedy załadować go tam, gdzie jest tekst, który przechodzi linia rozmyte i nie chcę go tak, jak to zrobić?
mam go wykonując:
background: transparent;
do h2 i p elementów.
wykorzystanie background-size: cover;background-position:50% 50%; pomoże ..
* {
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%;
}
Dziękuję za komentarz, ale widzę moją odpowiedź. –
próby dodania:
image-rendering: -webkit-zoptymalizować kontrast;
Spróbuj dodać to do kodu: image-rendering: pixelated; Dla mnie działało idealnie. możesz również spróbować - image-rendering: -webkit-optimize-contrast;
Wow. Jestem pod wrażeniem. Na to pytanie nie udało ci się w pełni ująć kontekstu. Nie znając kontekstu, jest to po prostu nieusuwalne śmieci. Dodaj kod, zrzut ekranu, URL lub co najmniej w sposób adekwatny opisujący problem, co do niego prowadzi i gdzie utknąłeś w ... Możesz również przeczytać [FAQ], może to być korzystne dla nas wszystko. – ppeterka
Mój kod to: tło: # ff0000 url (img/rain.jpg) wierzchołek środka repeat-y; wielkość tła: 100%; Ale kiedy ładuję to tam, gdzie jest tekst, linia zamazuje się i nie chcę tego, więc jak mam to zrobić? –
umieścić kod nie jest w komentarzu ... i jeśli posible dać nam przykład na żywo w jsfiddle.net –