css gradient fon ekranı tam kaplamıyor
Merhaba;
background-color: #8d5185;
background-image: linear-gradient(315deg, #8d5185 0%, #a1bafe 74%);
body ve html de ayrı ayrı denedim
100vh 100% gibi birçok kombinasyon denedim fakat
sayfa açıldıgında normal gradient fon gözüksede sayfayı aşagıya çektigimizde
her ekran için yeniden bir fon gözüküyor.
benim istedigim sayfayı nekadar aşagıya çekersem çekiyim fon kesik gözüksün istemiyorum.
neyi eksik yapıyorum ?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (2)
Ne anlattıgınız yanlış anlamadıysam şöyle yaparak kolayca çözebilirsiniz.
Sizin istediginiz arkaplanımın resim veya gradient farketmeksizin sayfada scroll olunca repeat etmesin ve arkada sabit kalsın. bu isteginizi yerine getiren kodlar ise
background-repeat: no-repeat;
background-attachment: fixed;
bunlardır.
html,
body {
width: 100%;
height: 100%;
}
body {
background-color: #8d5185;
background-image: linear-gradient(315deg, #8d5185 0%, #a1bafe 74%);
background-repeat: no-repeat;
background-attachment: fixed;
}