Bagaimanakah Saya Boleh Memusatkan Imej Latar Belakang dengan Sempurna dalam CSS Tanpa Menggunakan Div?

Menempatkan Imej Latar Belakang Secara Berpusat dengan CSS

Apabila cuba memusatkan imej latar belakang menggunakan CSS tanpa div, pengguna mungkin menghadapi masalah di mana imej kelihatan "bergerak ke atas" dan bukannya berpusat. Untuk menangani masalah ini, beberapa penyelesaian boleh dipertimbangkan.

Pengubahsuaian CSS berikut boleh memusatkan imej latar belakang dengan betul:

body {
    background-image: url(path-to-file/img.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

Sebagai alternatif, seseorang boleh mencipta div dengan imej yang dikehendaki dan menggunakan z-index untuk menetapkannya sebagai latar belakang. Kaedah ini secara perbandingan lebih mudah untuk dipusatkan daripada imej latar belakang badan.

Jika pendekatan ini gagal, seseorang boleh cuba menggunakan nilai piksel untuk memusatkan imej. Sebagai contoh:

body {
    background-repeat: no-repeat;
    background-position: 0 100px;
}

Sebagai alternatif, seseorang boleh menggunakan peratusan jika ketinggian minimum badan ditetapkan kepada 100%:

body {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/images2.jpg);
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    min-height: 100%;
}

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusatkan Imej Latar Belakang dengan Sempurna dalam CSS Tanpa Menggunakan Div?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!