獲得線性漸變到IE 8

body { 
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%); 
    /* IE10 */ 
    background-image: linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%); 
}

上面的代碼工作正常在Firefox和Internet Explorer 10的工作，但在IE 8獲得線性漸變到IE 8

他們都沒有工作，現在請你告訴我如何使這個代碼在Internet Explorer 8中工作？

來源

2012-02-26 black_belt

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB9FF', endColorstr='#FFFFFF');

注：以前的規則是全規則。做不是以這種方式使用它： ~~background: filter: ....;~~ ！

另請參閱：CSS3 cross browser linear gradient

來源

2012-02-26 18:04:40

感謝Rob W的回覆。我試過這個背景圖像：-ms-filter：progid：DXImageTransform.Microsoft.gradient（startColorstr ='＃5EB9FF'，endColorstr ='＃FFFFFF'）;但它不起作用。通常我想在背景中看到藍色和白色的組合，但在IE 8中顯示出灰色。謝謝 – 2012-02-26 18:27:29

@black_belt不**使用'background：filter：...'。我的回答包含了整個規則，並且我已經成功測試了它。使用'filter'：http://jsfiddle.net/3aFs7/1/並使用'-ms-filter'：http://jsfiddle.net/3aFs7/2/。 – 2012-02-26 19:02:27

非常感謝你。它現在完美。：）再次感謝羅布W。:) – 2012-02-26 19:54:08

獲得線性漸變到IE 8

回答

相關問題