Bagaimanakah Saya Boleh Melaksanakan Bayang Kotak Berwarna dalam IE7 dan IE8?

Melaksanakan Box Shadow dalam IE7 dan IE8

Soalan:

Walaupun menggunakan pelbagai kaedah, pelaksanaan bayang-bayang kotak berwarna dalam IE7 dan IE8 masih sukar difahami. Kod CSS berikut digunakan:

.bright {
  position: absolute;
  z-index: 1;
  -moz-box-shadow: 0px -3px 55px 20px #147197;
  box-shadow: 0px -3px 55px 20px #147197;
  -webkit-box-shadow: 0px -3px 55px 20px #147197;
  behavior: url(ie-css3.htc);
}

Walaupun fail "ie-css3.htc" menawarkan penyelesaian kepada isu bayang IE, ia mengehadkan bayang kepada hitam dan putih. Percubaan untuk menggunakan:

filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=100, Strength=13);

menghasilkan bayang-bayang arah, bukan bayang-bayang omni-arah. Selain itu, menggunakan penapis kabur memerlukan div tambahan, yang tidak diingini dalam senario semasa. Dapatkan bimbingan pakar tentang isu ini.

Jawapan:

Pertimbangkan untuk menggunakan CSS3 PIE (Pie: Internet Explorer CSS3), alat yang meniru sifat CSS3 dalam versi IE yang lebih awal . CSS3 PIE menyokong box-shadow, tidak termasuk kata kunci "inset".

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Bayang Kotak Berwarna dalam IE7 dan IE8?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!