如何強制現代Internet Explorer來顯示

體背景中內嵌CSS定義爲如何強制現代Internet Explorer來顯示

body { 
    background: radial-gradient(#EAC39F, rgb(255, 208, 160),#CB690C); 
    }

在真正的網站實時網站正確的漸變背景最新的Internet Explorer顯示背景水平線。

在IE開發人員工具中，我關閉了所有其他樣式，嘗試了2色漸變，線性漸變和其他顏色，但問題仍然存在。

如何強制IE瀏覽器顯示沒有水平線的背景？

Chrome顯示適當的背景。如果只使用這種風格，Internet Explorer將顯示適當的背景。頁面

<html> 
<head> 
<style type="text/css"> 
body { 
    background: radial-gradient(#EAC39F, #CB690C); 
    } 
</style> 
</head><html><body></body></html>

顯示正確。如果頁面中有更多元素，則出現水平線條。如何刪除Internet Explorer中的這些行？ jquery和jquery-UI在頁面中使用。

來源

2014-10-08 Andrus

因爲IE不適用高度，體，要麼你申請一個固定height到body或者你在CSS應用100%height到html標籤，

，如果你不需要背景重複，申請，background-repeat:no-repeat。

另外如果你正在尋找一個跨瀏覽器的支持，那麼你應該使用廠商的瀏覽器。

這裏是IE10 +工作的一個片段：

html { 
 
    height: 100% 
 
} 
 
body { 
 
    background: rgba(234, 195, 159, 1); 
 
    /* Old Browsers */ 
 
    background: -moz-radial-gradient(center, ellipse cover, rgba(234, 195, 159, 1) 0%, rgba(203, 104, 12, 1) 100%); 
 
    /* FF3.6+ */ 
 
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(234, 195, 159, 1)), color-stop(100%, rgba(203, 104, 12, 1))); 
 
    /* Chrome, Safari4+ */ 
 
    background: -webkit-radial-gradient(center, ellipse cover, rgba(234, 195, 159, 1) 0%, rgba(203, 104, 12, 1) 100%); 
 
    /* Chrome10+,Safari5.1+ */ 
 
    background: -o-radial-gradient(center, ellipse cover, rgba(234, 195, 159, 1) 0%, rgba(203, 104, 12, 1) 100%); 
 
    /* Opera 11.10+ */ 
 
    background: -ms-radial-gradient(center, ellipse cover, rgba(234, 195, 159, 1) 0%, rgba(203, 104, 12, 1) 100%); 
 
    /* IE 10+ */ 
 
    background: radial-gradient(ellipse at center, rgba(234, 195, 159, 1) 0%, rgba(203, 104, 12, 1) 100%); 
 
    /* W3C */ 
 
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eac39f', endColorstr='#cb680c', GradientType=1); 
 
    /* IE6-9 fallback on horizontal gradient */ 
 
    background-repeat: no-repeat 
 
}

來源

2014-10-08 10:00:00 dippas

添加背景重複顯示在頁面的底部白色背景，所以我不能夠使用它。其他的工作。 – Andrus 2014-10-08 10:23:15

該問題似乎源於IE未向身體元素應用高度的事實。因此背景重複出現，你會看到線條。

通過應用

body { 
    background: radial-gradient(#EAC39F, rgb(255, 208, 160),#CB690C); 
}

類似的效果也可以在Chrome，IE http://jsfiddle.net/xpz2tgp9/可以看出，等

解決您的問題，應用特定的高度body元素或添加清除用div這將迫使身體具有身高價值。

html,body 
{ 
    height: 100%; 
    margin: 0; 
    padding: 0; 
}

見 - http://jsfiddle.net/xpz2tgp9/1/

來源

2014-10-08 09:48:09 Kami

如何強制現代Internet Explorer來顯示

回答

相關問題