Satu helah untuk membetulkan imej latar belakang elemen penentududukan css-Soal Jawab bahagian hadapan-php.cn

Satu helah untuk membetulkan imej latar belakang elemen penentududukan css

醉折花枝作酒筹

Lepaskan： 2021-08-13 11:57:56

asal

1772 orang telah melayarinya

Dalam artikel sebelumnya, kami mempelajari cara menggunakan atribut latar belakang-asal untuk meletakkan imej latar belakang elemen Sila lihat "Satu helah untuk meletakkan imej latar belakang berbanding dengan asal dalam css" . Kali ini kita akan belajar tentang kaedah meletakkan imej latar belakang elemen Anda boleh merujuknya jika perlu.

Dalam artikel sebelum ini, ada atribut ini yang akan kami perkenalkan di Xiaolizi. Saya tidak tahu jika anda masih ingat, kembali dan lihat. Artikel terakhir terutamanya memperkenalkan atribut asal latar belakang, jadi saya tidak bercakap tentang perkara lain Hari ini kita menumpukan pada atribut kedudukan latar belakang.

Mula-mula mari kita lihat sedikit berangan.

<style>
    div{
      background-image: url("images/3.jpg");
      background-repeat:no-repeat;
      background-position:left;
    }
  </style>
</head>
<body><div>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
<p>为了显示，表明这个一个p元素</p>
</div>
</body>

Salin selepas log masuk

Hasil daripada contoh kecil ini ialah

Satu helah untuk membetulkan imej latar belakang elemen penentududukan css

Kita dapat melihatnya apabila kita membatalkan kesan "background-position:left;" Apabila anda klik padanya, anda dapati bahawa imej latar belakang yang asalnya di bahagian bawah tiba-tiba berpindah ke atas. Apabila kesan "background-position:left;" ditandakan, imej latar belakang kembali ke kedudukan asalnya. Nampaknya atribut kedudukan latar belakang ialah kunci untuk mengalihkan imej latar belakang, jadi mari kita lihat atribut ini.

Sifat kedudukan latar belakang menetapkan kedudukan permulaan imej latar belakang. Atribut ini menetapkan kedudukan imej asal latar belakang (ditakrifkan oleh background-image). Jika imej latar belakang ingin diulang, ia akan bermula dari titik ini.

Atribut ini mempunyai banyak nilai atribut Untuk kemudahan semua, saya hanya akan menyiarkan carta.

Satu helah untuk membetulkan imej latar belakang elemen penentududukan css

Sudah tentu, anda boleh menulis satu atau dua atribut untuk atribut ini.

Pembelajaran yang disyorkan: tutorial video css

Atas ialah kandungan terperinci Satu helah untuk membetulkan imej latar belakang elemen penentududukan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!