सीएसएस ए: होवर छवि सीमाएं

Question

मेरे पास कुछ पैडिंग के साथ तालिका में लिंक की गई छवियों का एक गुच्छा है। जब मैं एक आईएमजी जोड़ने की कोशिश करता हूं: होवर या ए: होवर सीमा विशेषता, जब सीमा दिखाई देती है, तो सीमा पार होने वाली पिक्सल की मात्रा से सबकुछ बढ़ जाती है। क्या इस व्यवहार को रोकने का कोई तरीका है?

Answer 1

img { 
    border: solid 10px transparent; 
} 
img:hover { 
    border-color: green; 
} 

Answer 2

समस्या यह है कि आप उस स्थान पर सीमा जोड़ रहे हैं जो अंतरिक्ष लेता है - पृष्ठ पर अन्य तत्वों को इसके लिए जगह बनाने के लिए स्थानांतरित करना होता है।

समाधान पृष्ठभूमि से मेल खाने वाली सीमा जोड़ने के लिए है, और फिर होवर पर रंग या स्टाइल को बदलें। एक अन्य संभावना यह है कि बॉक्स को मूल रूप से आपके इच्छित बनाने के लिए बड़ा बनाना है, और फिर उस सीमा को फिट करने के लिए इसका आकार बदलना है जिसे आप जोड़ रहे हैं।

Answer 3

img:hover { 
    border: solid 2px red; 
    margin: -2px; 
} 

मुझे (सफारी 6.0.5) के लिए काम करने लगता है। आईएमजी के 'अंदर' पर सीमा खींची जाने के बाद कोई अतिरिक्त जगह नहीं है।