CSS IE体背景渐变 [英] CSS IE body background gradient

问题描述

我在网站上使用CSS线性渐变背景。在我测试过的所有浏览器中，后台工作正常 - 除了在IE中。不知何故，IT似乎没有将背景扩展到wordpress的页脚下方。所有其他浏览器在整个页面上缩放背景。

I am using a CSS linear gradient background on a website. The background is working fine in all the browsers I have tested - except in IE. Somehow IT doesnt seem to extend the background below the footer of wordpress. All other browsers scale the background on the entire page.

我使用以下代码 - 其中包含大多数浏览器的特定代码：

I use the following code - which includes specific code for most browers:

body{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #d0d3e6 100%, #d0d3e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d0d3e6), color-stop(100%,#d0d3e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#d0d3e6 100%,#d0d3e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#d0d3e6 100%,#d0d3e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#d0d3e6 100%,#d0d3e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#d0d3e6 100%,#d0d3e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d3e6',GradientType=0 );!important /* IE6-9 */
font: normal 12px/100% "Arial", Arial;
}

知道为什么IE会切断背景吗？

Any idea why IE cuts off the background?

非常感谢！

推荐答案

尝试：

html, body {
    height: 100%;
    min-height: 100%;
}

这篇关于CSS IE体背景渐变的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！