我从未预料到IE 11会出现这个问题。 如果你看这个网站asbestoseal.franksdesigns.com，你会看到一个渐变背景，第二个背景图像是水滴。 但是在IE 11中，渐变并没有显示出来 我在这个网站上试过CSS：http://jsfiddle.net/SRUGf/1/ 只有当我给身体一个像素的高度时，我才能显示渐变，但当然我希望高度为100％，而不是像素。
CSS
body.custom {
background:#B9D7F0;
background: url(http://asbestoseal.franksdesigns.com/wp-content/uploads/Droplets-small.png) left top repeat, -moz-linear-gradient(top, rgba(0,56,130,1) 0%, rgba(0,56,130,1) 6%, rgba(70,158,216,1) 65%, rgba(70,158,216,0) 100%);
background: url(http://asbestoseal.franksdesigns.com/wp-content/uploads/Droplets-small.png) left top repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,56,130,1)), color-stop(6%,rgba(0,56,130,1)), color-stop(65%,rgba(70,158,216,1)), color-stop(100%,rgba(70,158,216,0)));
background: url(http://asbestoseal.franksdesigns.com/wp-content/uploads/Droplets-small.png) left top repeat, -o-linear-gradient(top, rgba(0,56,130,1) 0%,rgba(0,56,130,1) 6%,rgba(70,158,216,1) 65%,rgba(70,158,216,0) 100%);
background: url(http://asbestoseal.franksdesigns.com/wp-content/uploads/Droplets-small.png) left top repeat,-ms-linear-gradient(top, rgba(0,56,130,1) 0%,rgba(0,56,130,1) 6%,rgba(70,158,216,1) 65%,rgba(70,158,216,0) 100%);
background: url(http://asbestoseal.franksdesigns.com/wp-content/uploads/Droplets-small.png) left top repeat, linear-gradient(to bottom, rgba(0,56,130,1) 0%,rgba(0,56,130,1) 6%,rgba(70,158,216,1) 65%,rgba(70,158,216,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003882', endColorstr='#00469ed8',GradientType=0 );
}