CSS ile arka plan fotoğrafı göstermiyor

DonanımBilmez

Centipat
Katılım
15 Mayıs 2020
Mesajlar
36
Daha fazla  
Cinsiyet
Erkek
Arkadaşlar geçenlerde yazılım öğrenmeye başladım. Ve siteye fotoğraf ekleme kodunu doğru yazmama rağmen fotoğraf vardı fakat gözükmüyordu.
Ekran görüntüsü 2020-10-13 182908.pngŞeklinde gözüküyordu.
Burada paylaştım, arkadaşlar sağ olsun cevap yazdı fakat işe yaramadı.

Bugün de arka plan fotoğraf koymak istedim, yine kodun doğru olduğun emin oldum fakat fotoğraf gözükmüyordu.

<html>
<style type="text/css">
body {background-image:url(20180725_195014.jpg);
background-repeat:no-repeat;
background-position:50% 50%;}
</style>
</html>
Şeklinde bir kod dizini...

Fakat yine sonuç;
Ekran görüntüsü 2020-10-13 182908.png
Bu!
 
Son düzenleme:
Şimdi fark ettim, HTML yapınızda body yok. Body açmamışsınız ancak body'e arkaplan vermeye çalışıyorsunuz. Stil kodlarının üstüne <body> etiketi açın.
Tam kodu atmadım, atayım. Ve bildiğim kadarıyla css sadece <head></head> içerisinde çalışır

html>
<head>
<style type="text/css">
body {background-image:url("20180725_195014.jpg");
background-repeat:no-repeat;
background-position:50% 50%;}
</style>
</head>
<body>

</body>
</html>
 
"body" özelliklerinde background-position:50% 50% silip background-position: center ve min-height: 100vh ekleyin.

Ayrıca farklı bir css tarafından kodun engellenmediğine emin olun.
 
Yaptım fakat bunun fotoğrafın gözükmesiyle ilgisi olduğunu düşünmüyorum ki işe de yaramadı.
Şu anki haliyle çalışması gerekiyordu zaten, dosya ismi veya yolunun doğru olduğundan emin miyiz? Şu haliyle resim dosyası index dosyan ile aynı klasör içerisinde bulunmalı.
 

Geri
Yukarı