CSS背景渐变在IE 8中不起作用

Question

我通过谷歌CDN使用JQuery UI的默认主题(晴天,如果这很重要).我想ui-widget-header用CSS背景渐变替换默认背景.这是我的示例用法: -

<h3 class="ui-widget-header">Some Title</h3>

我的CSS看起来像这样: -

.ui-widget-header {
    background: #003366; /* default */
    background: -moz-linear-gradient(top center, #FFFFFF, #003366);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #FFFFFF), color-stop(1.00, #003366));
    background: -ms-linear-gradient(top center, #FFFFFF, #003366);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#003366'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#003366')"; /* IE8 */
}

这适用于Firefox和Safari,但IE 8正在拾取默认背景,并且过滤器不执行任何操作.

我该如何解决？

Answer 1

IE7/8存在一个问题,即如果元素没有定义高度(hasLayout),它们不会设置渐变背景.

尝试添加缩放:1.如果它不起作用,你可能需要设置一个高度,所以尝试高度:100%.