Arka plan görüntüsünün dikey olarak nasıl gerdirileceğini anlamaya çalışıyorum. Ben şu şekilde 3 görüntülerle CSS3 kullanıyorum:Dikey olarak arka plan resmi uzatma
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
Şimdi dibe tüm yol genişletmek buna dikey olarak bu görüntüleri germek istiyorum. Bunu yapmanın bir yolu var mı?
Dene:
background-size: 100% 100%;
ilk 100% genişlik ve yükseklik ikinci içindir. Senin durumunda benim için çalıştı ne 100%
Yüksekliği yalnızca% 100 olarak nasıl ayarlayabilirim? Arka plan boyutunda yaparsam:% 100, genişlik ve yüksekliği% 100 olarak ayarlar. – user1539137
Bu oldukça kullanışlıdır. Benim durumumda "background-size: 960px 100%;" istenen etkiyi elde etmek için. –
Burada partiye geç kaldım ikinci seti gerekir, ancak şudur:
background-size: auto 100%;
Bu görüntüyü dikey uyacak ve genişlik yapalım ne olursa olsun yapması gerekiyor (varsayılan olarak tekrarladığını düşünüyorum). Ayrıca görüntüyü yatay yönde tekrarlamamak için
'u da ayarlayabilirsiniz.
Sanırım öyle değil. Yine de, (![]()
) etiketlerini yeniden boyutlandırabilirsiniz (gerdirme/yumuşatma): çözüm, arka planda bir "![]()
" ifadesinin yer almasını gerektirebilir. –
KRyan
Bu, bakmak için iyi bir yer olabilir: http://stackoverflow.com/questions/1150163/stretch-and-scale-a-css-image-in-the-background-with-css-only – MikeB
Ayrıca, Eminim, senin url'inin etrafına tırnak koymamalısın. – KRyan