Bagaimana untuk Menyelesaikan Isu Imej Tidak Dipotong dengan Jejari Sempadan dalam Pelayar WebKit?

Isu Jejari Sempadan WebKit dengan Pemangkasan Imej

Apabila menggunakan sempadan bulat pada elemen dengan imej latar belakang dalam penyemak imbas berasaskanWebKit seperti Chrome, pengguna mungkin menghadapi masalah apabila imej kelihatan tidak dipangkas, walaupun terdapat sifat jejari sempadan. Isu ini amat ketara dengan penyemak imbas Chrome.

Untuk menangani masalah ini, penyelesaian telah dibangunkan:

• Tambahkan peraturan CSS berikut pada elemen yang mengandungi imej:

  <code class="css">.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
  }</code>

Penyelesaian ini tidak akan menjejaskan paparan visual elemen, tidak seperti penyelesaian kelegapan:0.99, yang juga boleh berkesan.

Atas ialah kandungan terperinci Bagaimana untuk Menyelesaikan Isu Imej Tidak Dipotong dengan Jejari Sempadan dalam Pelayar WebKit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!