इंटरनेट एक्सप्लोरर सीएसएस ढाल हैंडलिंग

Question

मुझे एक शैली बनाई गई है जो सभी "बटन" ढाल पृष्ठभूमि प्रदान करेगी। गॉचाचा सभी बटन वास्तव में बटन नहीं हैं, कुछ ऐसे लिंक हैं जो बटन की तरह दिखने के लिए स्टाइल किए जाते हैं।

<input type="submit" value="submit" class="gradient" /><br /> 
<input type="button" value="button" class="gradient" /><br /> 
<a href="" class="gradient">Link</a> 

इन मैं निम्नलिखित शैलियों द्वारा लागू किए गए करने के लिए:

background-image: -moz-linear-gradient(top, #20799d, #5cb9df); /* FF3.6 */ 
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #20799d),color-stop(1, #5cb9df)); /* Saf4+, Chrome */ 
background-image: -webkit-linear-gradient(#20799d, #5cb9df); /* Chrome 10+, Saf6 */ 
background-image: linear-gradient(top, #20799d, #5cb9df); 
font-family: Arial, Helvetica, sans-serif; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#20799d', EndColorStr='#5cb9df'); /* IE6–IE9 */ 

यहां मुद्दा यह पाया जाता है। आईई 7-9 ग्रेडियेंट को <input> तत्वों पर लागू करेगा लेकिन <a> तत्व नहीं। अन्य सभी ब्राउज़र काम करते हैं। क्या आईई को <a> टैग ग्रेडिएंट देने के लिए कोई फिक्स है?

आप यहां परिणामों का परीक्षण और देख सकते हैं, केवल आईई के कारण कोई ढाल नहीं होता है। jsfiddle.net

Answer 1

display:inline-block स्थापना आईई 6, 7 में मेरे लिए ढाल को ठीक किया और 8.

http://jsfiddle.net/wSuJj/3/

मुझे यकीन है कि क्यों, यह hasLayout साथ क्या करना है हो सकता है नहीं कर रहा हूँ, उम्मीद है कि किसी को साथ आ सकते हैं और समझाओ।

आईई 6 और 7 में सीमाओं के साथ अभी भी कुछ असंगतता है, साथ ही यह संबंधित प्रतीत नहीं होता है।

Answer 2

तत्व पर फ़िल्टर लागू करने के लिए, यह hasLayout है। व्यक्तिगत रूप से, मैं zoom:1 का उपयोग करता हूं।