ฉันใช้คุณสมบัติ 'ตัวกรอง' MS ที่เป็นกรรมสิทธิ์เพื่อพยายามสร้างสิ่งที่ไม่น่าเกลียดเทียบเท่ากับ css3 text-shadow และ box-shadow
ฉันทำได้ดีจริงๆจนกระทั่งฉันประสบปัญหานี้ ดูเหมือนว่าเมื่อฉันใช้ตัวกรองกับ div ภายใน div อื่นซึ่งมีตัวกรองเอฟเฟกต์ตัวกรองจะรวมเข้ากับวัตถุลูก
ฉันได้ลองใช้ตัวกรอง: ไม่มี; ทำการรีเซ็ต แต่ไม่มีความสุข ฉันได้ลองใช้รูปแบบต่างๆของไวยากรณ์เช่น "-ms-filter: 'progid: ... Glow ()'", "filter: progid: ... Glow ()", "filter: Glow ()" ฯลฯ ..
การทดสอบใน IE8
filter: ;. สิ่งนี้ฉันเดาว่าจะบังคับให้ IE ลบคุณสมบัติทั้งหมดออกด้วยกันเนื่องจากไม่ใช่ค่าที่ถูกต้อง
filter:none;เพื่อหลีกเลี่ยงข้อผิดพลาดทางไวยากรณ์
คำตอบ:
มีการเปิดใช้งานแอตทริบิวต์บูลีนซึ่งคุณสามารถตั้งค่าเป็นเท็จหรือจริง http://msdn.microsoft.com/en-us/library/ms532997%28v=vs.85%29.aspx
ตัวอย่าง:
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
คุณสมบัติ -ms-filter เป็นรายการ CSS ที่ไม่เป็นมาตรฐานเฉพาะเบราว์เซอร์และด้วยเหตุนี้จึงกำหนดให้พารามิเตอร์ถูกล้อมรอบด้วยเครื่องหมายคำพูด So -ms-filter: "none" จะทำงานได้ดี
ลองสิ่งนี้:
กรอง: -;
ฉันประสบความสำเร็จบางอย่างจากการวางตำแหน่งเด็กแบบสัมบูรณ์หรือญาติ สิ่งนี้ดูเหมือนจะไม่ได้ผลก่อนหน้านี้แม้ว่ามันอาจจะพังอีกครั้งเมื่อฉันซับซ้อนขึ้น
ฉันคิดว่าเมื่อผู้ปกครองใช้ตัวกรองแล้วเด็ก ๆ ทุกคนก็จะกลายเป็นพื้นผิว Directx ภายใน คุณยังคงสามารถเลือกข้อความได้ แต่มันล่าช้า ฉันคิดว่าการเลือกข้อความเป็นการแฮ็กที่ทำให้ตัวอักษรแต่ละตัวมีพื้นผิวแยกกัน มันเป็นเรื่องยุ่งเหยิงซึ่งอธิบายได้ไกลว่าทำไมเบราว์เซอร์โดยทั่วไปและตัวกรองโดยเฉพาะจึงมีปัญหามาก
หากคุณใช้ HTML5 คุณอาจต้องการไปตามเส้นทางการใช้งาน
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6 oldie"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie8 oldie"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="gtie9 modern">
<!--<![endif]-->
และใน CSS ของคุณใช้สิ่งต่างๆเช่น:
.ie9 .element {filter: none; }
คุณได้พยายามเปิด / ปิดตัวกรองหรือไม่?
ฉันพบวิธีที่ดีที่สุดคือ display: inline-block (ใช้ white-space: nowrap กับคอนเทนเนอร์) แต่ดูเหมือนว่าจะทำงานได้ไม่ดีกับ IE7 และต่ำกว่า
filter:;