CSS Divleri üst üste binmesini nasıl sağlanır?

Egit DİKMEN · 8 Aralık 2022

Merhabalar üzerinde çizim yaptığım görselde "Div 1" ve "Div 2" var. Genişlik olarak ikisi de 600 pixel ancak üstteki div , div 2'ye çarptığı için tam 600 pixel olarak
gözükemiyor. Ben nasıl bunların üst üste binmesini sağlayabilirim?
Elde etmek istediğim görüntü de ektedir.

Zembla · 8 Aralık 2022

Egit DİKMEN dedi:
Merhabalar üzerinde çizim yaptığım görselde "Div 1" ve "Div 2" var. Genişlik olarak ikisi de 600 pixel ancak üstteki div , div 2'ye çarptığı için tam 600 pixel olarak
gözükemiyor. Ben nasıl bunların üst üste binmesini sağlayabilirim?
Elde etmek istediğim görüntü de ektedir.

Doğru anladıysam; CSS tarafında z-index property ile div'lerin katman sırasını ayarlayabilirsin.

Egit DİKMEN · 8 Aralık 2022

Zembla dedi:
Doğru anladıysam; CSS tarafında z-index property ile div'lerin katman sırasını ayarlayabilirsin.

z-index property ne oluyor hocam? Üstteki div ana çerçevenin borderine çarpıyor ve duruyor o yüzden boşluk gözüküyor yukarı tarafta.

Zembla · 8 Aralık 2022

Egit DİKMEN dedi:
z-index property ne oluyor hocam? Üstteki div ana çerçevenin borderine çarpıyor ve duruyor o yüzden boşluk gözüküyor yukarı tarafta.

Sorununu anlayamadım.
"z-index: z-index değeri; aynı z-ekseninde bulunan(kapsayan elementler hariç) katmanların altta mı üstte mi kalacağınız belirlemek için kullanılır. z-index sadece position değeri relative, absolute ve fixed olan nesnelere uygulanır. Saydamlık değeri(opacity) 1'den küçük verilen nesnelerde z-index kullanımı daha kolay anlaşılır."

CSS Divleri üst üste binmesini nasıl sağlanır?

Ayrıntılı düzenleme

Egit DİKMEN

Kilopat

Dosya Ekleri

Zembla

Hectopat

Egit DİKMEN

Kilopat

Zembla

Hectopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz