Mengapa Bayangan Kotak pada Baris Meja Berkelakuan Berbeza dalam Pelayar Berbeza?

Kemunculan Bayangan Kotak Tidak Konsisten pada Baris Jadual Merentasi Penyemak Imbas

Bayangan kotak CSS yang digunakan pada baris jadual () boleh mempamerkan ketidakkonsistenan tingkah laku merentas pelbagai pelayar. Walaupun CSS yang serupa, sesetengah penyemak imbas mungkin memaparkan bayang-bayang seperti yang dimaksudkan, manakala yang lain mungkin tidak.

Untuk menyelesaikan isu ini, adalah disyorkan untuk menggunakan sifat transformasi bersama-sama dengan atribut bayang-kotak. Menambah skala(1,1) pada sifat transformasi memaksa penyemak imbas untuk memaparkan semula elemen, memastikan kesan bayang-kotak digunakan secara seragam.

Berikut ialah kod CSS yang dikemas kini:

tr:hover {
  transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

Dengan menambahkan coretan kod ini, bayang kotak kini akan muncul secara konsisten merentas penyemak imbas yang disokong.

Atas ialah kandungan terperinci Mengapa Bayangan Kotak pada Baris Meja Berkelakuan Berbeza dalam Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!