背景梯度IE10

Question

#top_container 
 
{ 
 
    padding-bottom: 5px; 
 
    background: #d1d1ff; 
 
    background: -webkit-gradient(linear, left top, left bottom, from(#7db9e8), to(#1e5799)); 
 
    background: -moz-linear-gradient(#d1ffff, #d1d1ff); 
 
    background: -o-linear-gradient(#d1ffff, #d1d1ff); 
 
    background: -webkit-linear-gradient(#d1ffff, #d1d1ff); 
 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ffff', endColorstr='#d1d1ff',gradientType=0); 
 
    background: -ms-linear-gradient(top, #d1ffff 30%, #d1d1ff 100%); 
 
    background:linear-gradient(to bottom, #d1ffff 30%, #d1d1ff 70%); 
 
}

不渲染correcty正在顯示梯度除了IE10正確 - 我已經尋找其他可能的versiuon語法的使用和嘗試了很多不同的版本無論是-MS的線性梯度和線性梯度。

還有什麼可以cauisng這不顯示。背景＃d1d1ff正在顯示在容器中。

Answer 1

jsFiddle使用Ultimate CSS Gradient Generator構建。 Lot的在線工具！添加一個最小高度，以便它能夠正確顯示在jsFiddle上，確保你刪除了，如果你複製這段代碼。

CSS：

#top_container { 
    min-height: 200px; 
    padding-bottom: 5px; 
    background: #d1ffff; 
    background: -moz-linear-gradient(top, #d1ffff 0%, #d1d1ff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d1ffff), color-stop(100%,#d1d1ff)); 
    background: -webkit-linear-gradient(top, #d1ffff 0%,#d1d1ff 100%); 
    background: -o-linear-gradient(top, #d1ffff 0%,#d1d1ff 100%); 
    background: -ms-linear-gradient(top, #d1ffff 0%,#d1d1ff 100%); 
    background: linear-gradient(to bottom, #d1ffff 0%,#d1d1ff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d1ffff', endColorstr='#d1d1ff',GradientType=0); 
}