सीएसएस यूआरएल() इंटरनेट एक्सप्लोरर में मान्यता प्राप्त नहीं 10

Question

मैं अपने सीएसएस में इस लाइन है:

.ui-icon-zoom-in { content: url(images/16x16/ZoomIn.png); } 

कौन सा मैं इस तरह jQuery UI Button widget साथ उपयोग कर रहा हूँ:

$("#zoomin").button({ text: false, icons: { primary: "ui-icom-zoom-in" } }); 

क्रोम में, मैं देख सकता हूँ बटन के भीतर केंद्रित छवि। हालांकि, आईई 10 में, मुझे छवि नहीं दिखाई दे रही है।

क्या मुझे यहां कुछ याद आ रही है?

Answer 1

content संपत्ति केवल इस पर मान्य है: पहले और: छद्म तत्वों के बाद। आप के लिए इसे बदल देना चाहिए:

.ui-icon-zoom-in { 
    background: url(images/16x16/ZoomIn.png) no-repeat; 
    width:16px; 
    height:16px; 
} 

कि से

अलावा, IE8 + केवल content संपत्ति यदि कोई मान्य DOCTYPE निर्दिष्ट किया जाता है का समर्थन करता है।

Answer 2

content संपत्ति केवल :before और :after CSS3 में छद्म तत्वों पर स्वीकार की जाती है। आप शायद वस्तु के लिए छवि संलग्न करने के लिए एक jQuery चयनकर्ता का उपयोग करना चाहिए:

$("#zoomin").html("<img src='images/16x16/ZoomIn.png' alt='Zoom In'>"); 

Answer 3

मैं IE 11. में एक ही स्थिति थी सामग्री क्रोम में <div class="image"> </div> तो यह इस

.image { 
    content: url("image.jpg"); 
} 

की तरह काम करता है

इसे आईई में काम करने के लिए मैंने content विकल्प :after तत्व पर सेट किया है।

.image:after { 
    content: url("image.jpg"); 
}