आईई 6 और आईई 7 में सीएसएस पृष्ठभूमि छवि असंगतता - सीएसएस, इंटरनेट एक्सप्लोरर -6, इंटरनेट एक्सप्लोरर -7

मेरे पास एक अवधि है जो जावास्क्रिप्ट के माध्यम से उत्पन्न होती है, इसके सीएसएस वर्ग के साथ निम्नानुसार है:

.class1{
width:25px;
height:25px;
background-image: url(pic.png);
background-repeat:no-repeat;
background-position: center;
cursor:pointer;
margin-left:10px;
}

समस्या चालू है, एचटीएमएल पेज, मैं आईई 7 में, स्पिन पर, पॉइंटर-कर्सर, लेकिन पृष्ठभूमि छवि नहीं देख सकता।

आईई 6 में, दोनों दिखाए जाते हैं, कोई समस्या नहीं है।

उत्तर:

जवाब के लिए 3 № 1

परिभाषा के अनुसार अवधि, एक इनलाइन तत्व है, जोड़ने का प्रयास करें display:block; या display:inline-block; सेवा मेरे .class1। भी जोड़ें height तथा width आपकी छवि का

इस तरह:

.class1{
width:25px;
height:25px;
background-image: url(pic.png);
background-repeat:no-repeat;
background-position: center;
cursor:pointer;
margin-left:10px;

display:block; /*or inline-block*/
height:100px;
width:100px; /*img height and width*/
}

संबंधित सवाल
सबसे लोकप्रिय