Tôi cần biết cách làm cho hình nền không bị mờ khi văn bản kết thúc trong CSS vì nó làm hỏng giao diện trang web của tôi nếu nó bị mờ.Cách ngăn hình nền bị nhòe
CSS của tôi là:
background: #ff0000 url(img/rain.jpg) top center repeat-y;
background-size: 100%;
Nhưng khi tôi tải nó lên, nơi có văn bản dòng mà đi mờ và tôi không muốn nó vậy làm thế nào để tôi làm điều này?
tôi đã nhận nó bằng cách thực hiện:
background: transparent;
đến 01.235.và p yếu tố.
sử dụng background-size: cover;background-position:50% 50%; sẽ giúp bạn ..
* {
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%;
}
Cảm ơn bạn đã bình luận nhưng hãy xem câu trả lời của tôi. –
Hãy thử thêm mã này vào mã: image-rendering: pixelated; Đối với tôi, nó hoạt động hoàn hảo. bạn cũng có thể thử - image-rendering: -webkit-optimize-contrast;
Wow. Tôi ngạc nhiên. Bạn đã xoay xở hoàn toàn không có ngữ cảnh nào trong câu hỏi này. Không biết bối cảnh, đây chỉ là rác không thể trả lời được. Vui lòng thêm mã, ảnh chụp màn hình, URL hoặc ít nhất một điều gì đó mô tả sự cố, điều gì dẫn đến vấn đề và nơi bạn bị kẹt ... Bạn cũng có thể muốn đọc [FAQ], điều này có thể mang lại lợi ích cho chúng tôi tất cả các. – ppeterka
Mã của tôi là: nền: # ff0000 url (img/rain.jpg) trung tâm hàng đầu lặp lại-y; kích thước nền: 100%; Nhưng khi tôi tải nó lên nơi có dòng văn bản bị mờ đi và tôi không muốn nó như vậy làm thế nào để tôi làm điều này? –
đặt mã trong câu hỏi không có trong bình luận ... và nếu posible cho chúng ta một ví dụ sống trong jsfiddle.net –