php scriptimde css sorunu yardımcı olabilir misiniz?

21-06-2024, 17:26:28

#1

moosy
selam arkadaşlar pageskin resmini admin panelden siteme yüklüyorum fakat zoom ile + - yapınca kayma oluyor.
sabitleyip fixlemek istiyorum + - yapsada
object-fit: none; bu kısımı cover yaparsam düzeliyor fakat o zamanda görseldeki yazilar daha az belirgin oluyor biraz solma oluyor başka nasıl çözebilirim herkese teşekkürler
```
#_e6af249511d085f5cd01e061fa687e5c img {
    position: absolute;
    height: 100%;
    object-fit: none;
    object-position: top;
    width: 100%;
    z-index: -1;
}
```

23-06-2024, 01:46:37

Kimlik doğrulama veya yönetimden onay bekliyor.

moosy adlı üyeden alıntı: mesajı görüntüle

selam arkadaşlar pageskin resmini admin panelden siteme yüklüyorum fakat zoom ile + - yapınca kayma oluyor.
sabitleyip fixlemek istiyorum + - yapsada
object-fit: none; bu kısımı cover yaparsam düzeliyor fakat o zamanda görseldeki yazilar daha az belirgin oluyor biraz solma oluyor başka nasıl çözebilirim herkese teşekkürler

#_e6af249511d085f5cd01e061fa687e5c img {
    position: absolute;
    height: 100%;
    object-fit: none;
    object-position: top;
    width: 100%;
    z-index: -1;
}

Selamlar.

#_e6af249511d085f5cd01e061fa687e5c {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url('your-image-url.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

#_e6af249511d085f5cd01e061fa687e5c img {
    display: none;
}

Bu kodla görüntüyü sabit bırakabilir ve zoom yapıldığında kaymamasını sağlayabilirsiniz ( object fit cover ) , eğer arka planın sabit kalmasını istiyorsanız sadece bunu kullanabilirsiniz :

#_e6af249511d085f5cd01e061fa687e5c {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}

#_e6af249511d085f5cd01e061fa687e5c img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

Sevgiler.