Mengapa Jejari Sempadan Tidak Berfungsi pada Imej dalam Chrome?

Jejari Sempadan CSS Tidak Digunakan pada Imej dalam Webkit

Menghadapi masalah menggunakan jejari sempadan pada elemen #skrin menggunakan Chrome tetapi bukan pelayar lain ? Isu ini berkemungkinan disebabkan oleh kecacatan dalam pengendalian pemangkasan imej oleh Chrome.

Elemen #screen menggunakan CSS untuk menetapkan imej latar belakang yang dibundarkan dengan jejari sempadan:

#screen {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

Walau bagaimanapun, dalam Chrome, imej nampaknya tidak terjejas oleh sifat jejari sempadan.

Penyelesaian

Untuk menangani pepijat ini, penyelesaian tersedia:

.element-that-holds-pictures {
    perspective: 1px;
}

Menggunakan perspektif pada elemen induk yang mengandungi imej memaksa Chrome menggunakan jejari sempadan dengan betul tanpa memesongkan kualiti imej. Penyelesaian ini tidak menjejaskan paparan, tidak seperti alternatif lain seperti kelegapan:0.99.

Atas ialah kandungan terperinci Mengapa Jejari Sempadan Tidak Berfungsi pada Imej dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!