CSS ile DIV içindeki resmi tam ekran ortalamak

Css Html Yazılım

div icinde tam ekran resim css

CSS ile DIV içindeki resmi tam ekran ortalamak

Div içinde bir resim tanımlamak ve o resmi div içerik veya tanımladığımız alan kadar doldurmak istersek aşağıdaki kullanım işimizi görecektir.style dosyasına yazıp div class=myimage yapmanız yeterli olacaktır.

.myimage {
background: transparent url(“resimler/resim.png”) no-repeat top center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: 100%;
height: 500px;
}

Sonuç

Kod resimler klasöründeki resim.png yi arkaplan olarak alır. merkeze sabitler. yüksekliği 500px yaparak kontrollü bir yükseklik boyutu elde edebilirsiniz. Bu alanı dilediğiniz gibi belirtin.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir