2012-02-12 13 views
16

मैं लिंक के लिए निम्नलिखित सीएसएस कोड है:इंटरनेट एक्सप्लोरर रंग की सीमा के साथ छवि लिंक प्रदर्शित

a { 
    text-decoration: none; 
    color: #248AC9; 
} 

a:hover { 
    color: #8DCFF7; 
} 

समस्या यह है कि इंटरनेट एक्सप्लोरर में, छवियों 'रंग' के रूप में एक ही रंग के साथ एक अजीब सीमा है। मैं इसे कैसे ठीक कर सकता हूं, और छवियों को सही तरीके से खींच सकता हूं। एचटीएमएल कोड सरल है: <a href="calculator-operators.htm"><img src="img/link.png" /></a>

Screenshot: तो, मैं कैसे इस समस्या को ठीक कर सकते हैं?

+0

की संभावित डुप्लिकेट [कैसे बंद कर IE में छवि सीमा] (http://stackoverflow.com/questions/2958688/how-switch-off-image-border- इन-यानी) –

उत्तर

36

बस छवियों के लिए कोई सीमा निर्दिष्ट करें:

a > img{ 
    border: 0; 
} 
+0

यह समस्या ठीक कर दी ... धन्यवाद :) और मुझे यह समाधान बेहतर पसंद है, क्योंकि यह अन्य (गैर-लिंक) आईएमजी शैलियों में हस्तक्षेप नहीं करता है। – Tibi

+1

ध्यान दें कि शून्य मानों का उपयोग करते समय आपको इकाई प्रकार निर्दिष्ट करने की आवश्यकता नहीं है। यानी 0; पर्याप्त होगा। – devdigital

+0

@devdigital अच्छा बिंदु। विधिवत् नोट किया हुआ। –

6

उपयोग

img { 
    border: 0; 
} 

0 पिक्सल के लिए सभी छवि से सीमा सेट मैं एक reset उपयोग करने पर विचार करेंगे स्टाइलशीट, या normalising स्टाइलशीट सभी ब्राउज़रों में स्टाइल में स्थिरता प्रदान करने के लिए। यह फिक्स उन स्टाइलशीट का हिस्सा है।

+0

+1 ... यह एक अच्छा विचार है। – Tibi

-2

a { 
    text-decoration: none; 
    border:0; 
    color: #248AC9; 
} 
+0

यह काम नहीं करता है। और सफेद के साथ पेंटिंग एक समाधान नहीं है ... पृष्ठभूमि एक बहुत हल्का भूरा है, सफेद नहीं। – Tibi

3

इसका एक पुरानी पोस्ट मैं देख प्रयास करें, लेकिन मैंने सोचा, क्यों नहीं। वहाँ border:none; का उपयोग करके किसी अन्य समाधान है:

a img { 
    border:none; 
} 
संबंधित मुद्दे