ฉันมีกฎทั่วไปที่ให้ภาพพื้นหลังของ DIV ทั้งหมด
ฉันมี div หนึ่งตัว (พร้อม id = 'a') ซึ่งฉันไม่ต้องการให้มีภาพพื้นหลัง
ฉันต้องให้กฎอะไรกับ css
ฉันมีกฎทั่วไปที่ให้ภาพพื้นหลังของ DIV ทั้งหมด
ฉันมี div หนึ่งตัว (พร้อม id = 'a') ซึ่งฉันไม่ต้องการให้มีภาพพื้นหลัง
ฉันต้องให้กฎอะไรกับ css
คำตอบ:
ลอง:
div#a {
background-image:none
}
div#a {
background-image: none;
}
div#a {
background-image: none !important;
}
แม้ว่า "! สำคัญ" อาจไม่จำเป็นเพราะ "div # a" มีความเฉพาะเจาะจงมากกว่า "div"
div#a {
background-image: url('../images/spacer.png');
background-image: none !important;
}
ฉันใช้อิมเมจตัวเว้นวรรคแบบโปร่งใสนอกเหนือจากกฎเพื่อลบภาพพื้นหลังเนื่องจาก IE6 ดูเหมือนว่าจะไม่สนใจbackground-image: none
แม้ว่าจะมีการทำเครื่องหมายไว้!important
ก็ตาม
background-image:none;
(โดยไม่มี ot !important
) ทำงานได้อย่างไม่มีที่ติ
เนื่องจากใน css3 หนึ่งอาจตั้งค่าภาพพื้นหลังหลายรายการการตั้งค่า "ไม่มี" จะสร้างเลเยอร์ใหม่และซ่อนอะไรเลย
http://www.css3.info/preview/multiple-backgrounds/ http://www.w3.org/TR/css3-background/#backgrounds
ฉันยังไม่พบวิธีแก้ปัญหา ...
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center top, #fff 0%, #fff 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #fff 50%);
สำหรับเบราว์เซอร์รุ่นเก่า .. หากคุณกำหนด css ใน framewokrk.css เช่น select2.css ใน IE9 background-image: -webkit-gradient เป็นต้นและคุณต้องการมันผ่าน. css อีกอันเขียนด้วย "background-image: none! important" ไม่ทำงาน ฉันใช้สีเดียวกันเพื่อไล่ระดับสีเช่นสีพื้นหลังของหน้า
หากกฎ div ของคุณเป็นธรรมdiv {...}
ก็#a {...}
จะเพียงพอ ถ้ามันมีความซับซ้อนมากขึ้นคุณจะต้องเป็น "เฉพาะเจาะจงมากขึ้น" เลือกคำที่กำหนดโดยสเปค CSS ในความจำเพาะ (#a มีความเจาะจงมากกว่า div เป็นเพียงด้านเดียวในอัลกอริทึม)
เมื่อbackground-image: none !important;
ไม่มีผลกระทบ คุณสามารถใช้ได้:
background-size: 0 !important;
ใช้งานไม่ได้:
.clear-background{
background-image: none;
}
อาจมีปัญหากับเบราว์เซอร์รุ่นเก่า ...
แทนที่กฎที่คุณมีต่อไปนี้:
div:not(#a) { // add your bg image here //}
#a {}
ใช้เพียงแค่ อย่าใช้ประเภทองค์ประกอบในตัวเลือกถ้าไม่จำเป็น