2016-03-14 58 views
0

這已被問了幾次,但他們幾歲,我想知道是否有更好的方法來解決這個問題。下面的CSS:線性漸變不工作在Internet Explorer 9和篩選器:progid:不起作用

.defaultButton { 
    background: #90c8eb; 
    background-image: -webkit-linear-gradient(top, #90c8eb, #0b85d1); 
    background-image: -moz-linear-gradient(top, #90c8eb, #0b85d1); 
    background-image: -ms-linear-gradient(top, #90c8eb, #0b85d1); 
    background-image: -o-linear-gradient(top, #90c8eb, #0b85d1); 
    background-image: linear-gradient(to bottom, #90c8eb, #0b85d1); 
    -webkit-border-radius: 5; 
    -moz-border-radius: 5; 
    border-radius: 5px; 
    font-family: Arial; 
    color: #ffffff; 
    font-size: 0.800em; 
    font-weight: none; 
    padding: 7px 14px 7px 16px; 
    border: solid #6f92a8 1px; 

} 

linear-gradient在Chrome,Firefox和Safari瀏覽器工作正常,但在IE 9不工作,我發現了幾個CSS破解的網站,但他們沒有工作。一提到這樣做的:

background-image: -webkit-linear-gradient(top, #90c8eb/9, #0b85d1/9); 

添加/9沒有工作,也沒有\0/。不知道是否我錯誤地使用了它們,但到目前爲止,我一直未能成功實現這一目標。

+0

的可能的複製[梯度在Internet Explorer 9(http://stackoverflow.com/questions/3934693/gradients-in-internet-explorer-9) – LGSon

+0

如果您檢查欺騙鏈接,你會發現如何使用SVG工作 – LGSon

回答

0

你可以嘗試:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90c8eb', endColorstr='#0b85d1', GradientType=0); 
+0

我剛剛做了,它沒有工作......謝謝你的努力。 – Drew1208

相關問題