html - 渐变在 i - e 7,8 中不起作用

Question

我试图将我的背景显示为渐变，但它无法正常工作这是我的代码

.content1 {
    font-size: 16px;
    font-weight: lighter;
    line-height: 1.1em;
    margin-top: -30px;
    background:filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color=#666666);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color=#666666)";
    background: -webkit-gradient(center,0 0,41,0 0,0, from(#D06494), to(#401246));
    background:-webkit-radial-gradient(0% 0%, ellipse cover, #D06494 0%, #401246 41%); 
    background:-moz-radial-gradient(0% 0%, ellipse cover, #D06494 0%, #401246 41%); 
    background:-o-radial-gradient(0% 0%, ellipse cover, #D06494 0%, #401246 41%); 
    background: -ms-radial-gradient(0% 0%, ellipse cover, #D06494 0%, #401246 41%); radial-gradient(ellipse at 0% 0%, #D06494 0%, #401246 41%);
    overflow: hidden;
    padding: 25px 40px 50px;
}

请帮帮我，我该怎么办？

Answer 1

对于 IE6-9 使用 filter 而不是 -ms-filter:

.content1 {
    /* IE7, IE8, IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D06494', endColorstr='#401246',GradientType=0 ); 
}