2014-06-14 9 views
8

Sabit yüksekliği 850 piksel olan bir kablom var. Tüm arka planı tüm yakınlaştırma seviyelerinde tutacak bir arka plan görüntüsü istiyorum. background-size: cover kullanıyorum ama cover'dan biraz daha büyük olması gerekiyor. Bir paralaks yaratmak için arka planın konteynırdan dışarı sızmasını ve görünmemesini istiyorum.Arka plan boyutunu "cover" olarak ayarlamanın yanı sıra CSS'de biraz daha nasıl ayarlanır?

Temel olarak background-size: cover'u nasıl kullanabilirim ve bunun üzerindeki boyutu biraz artırabilir miyim?

düzenleme: Ben de background-attachment: fixed kullanıyorum söylemeyi unutmuşum, o yüzden yanılmıyorsam, onun aslında tarayıcı penceresinin boyutu ve 850px boyunda konteyner aracılığıyla hesaplanır (?). Bu davaya fazladan tahliye nasıl eklerim?

+0

“padding-top” ile denediniz mi? – Vucko

+0

Akımın içine bir konteyner koyardım ve "birazcık daha" daha büyük hale getirirdim, sonra arka planını 'örtüsünde' örtüsünde 'sakladım' gizlice yerleştirdim ... en azından başlangıçta başlayacağım . –

+0

@Vucko nasıl demek istiyorsun? –

cevap

4

background-size: auto 110%; numarasını kullanmanız yeterli oldu.

+6

Bununla birlikte, bu 'cover' işlevine sahip değil. Arka planın genişliği tarayıcınınkinden daha küçük olduğunda, arka plan boyutunda% 100 otomatik seçeneğine geçebilmesi gerekir. –

+0

Herkes bunu yapmak için javascript'i uygulamaya koymam gerektiğini biliyor mu? –

+0

Sadece aradığım şey! –

0

Kapsayıcıyı div olarak ayarlayın: yükseklik: 100vh, taşma: gizli; Daha sonra içteki% 110'a kadar (ya da paralaksızda ne kadar uzun süre kalırsınız), şimdi arka plan özelliğini değiştirebilir ve kapak daima çalışır

İlgili konular