Tôi đang cố gắng tìm ra cách kéo dài hình nền theo chiều dọc. Tôi đang sử dụng CSS3 với 3 hình ảnh theo cách sau:Hình nền theo chiều dọc kéo dài
background-image: url("left.png"), url("right.png"), url("center.png")
background-repeat: no-repeat, no-repeat, repeat-x
background-position: top left, top right, top
Bây giờ tôi muốn kéo dài những hình ảnh theo chiều dọc để họ mở rộng tất cả các cách để phía dưới. Có cách nào để làm việc này không?
Hãy thử:
background-size: 100% 100%;
đầu tiên 100% là cho chiều rộng và thứ hai cho chiều cao. Trong trường hợp của bạn, bạn cần thiết lập thứ hai để 100%
Tôi làm cách nào để đặt chiều cao thành 100%? Nếu tôi làm kích thước nền: 100%, nó đặt cả chiều rộng và chiều cao thành 100%. – user1539137
Điều này khá tiện dụng. Trong trường hợp của tôi, tôi đặt "kích thước nền: 960px 100%;" để có được hiệu quả mong muốn. –
Tôi muộn để bên đây, nhưng đây là những gì làm việc cho tôi:
background-size: auto 100%;
này sẽ phù hợp với những hình ảnh theo chiều dọc và để chiều rộng làm bất cứ điều gì nó cần phải làm (tôi nghĩ rằng nó lặp đi lặp lại theo mặc định). Bạn cũng có thể đặt:
background-repeat: no-repeat;
để không lặp lại hình ảnh theo chiều ngang.
Tôi không nghĩ vậy. Bạn có thể thay đổi kích thước (stretch/squish) '![]()
' thẻ, mặc dù: giải pháp có thể liên quan đến việc đặt một '![]()
' trong nền, vị trí tuyệt đối và như vậy. –
KRyan
Đây có thể là một nơi tốt để xem: http://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-in-the-background-with-css-only – MikeB
Ngoài ra, khá chắc chắn bạn không phải đặt dấu ngoặc kép xung quanh 'url' của bạn như thế. – KRyan