Internet Explorer CSS gradyan kullanımı

Question

Tüm "düğmeler" degrade arka planlarını verecek bir stil oluşturdum. Tüm düğmeler aslında düğmeler değildir, bazıları bir düğme gibi görünecek şekilde tasarlanmış bağlantılardır.

aşağıdaki stilleri uyguladığınız Bunlara

<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 */ 

konu buradadır. IE 7-9, degrade değerini <input> öğelerine uygular, ancak <a> öğesinde DEĞİL. Diğer tüm tarayıcılar çalışır. IE almak için <a> etiketleri degradeler vermek için bir düzeltme var mı?

Sonuçları burada test edebilir ve görebilirsiniz, yalnızca IE, sonuncu gradyanın olmamasına neden olur. display:inline-block Ayar jsfiddle.net

Answer 1

IE 6, 7 benim için gradyan sabit ve 8.

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

Ben, bu hasLayout ile ilgisi olabilir neden emin değilim, umarım birileri boyunca gelebilir ve açıkla.

Yine de IE6 ve 7'deki sınırlarla ilgili tutarsızlık var.

Answer 2

Öğeye filtre uygulamak için hasLayout olmalıdır. Şahsen ben zoom:1 kullanıyorum.