Question

我有这个CSS

background-image: linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);

使用-moz，-o，-webkit，-ms（用于IE10）前缀。

我需要使用MSIE的过滤器为旧IE获取此行为。

我可以这样做

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#F17B19', gradientType='1');

但在之前的情况下，它表现为

background-image: linear-gradient(360deg,rgb(255,255,255),rgb(241,123,25));

或

background-image: linear-gradient(360deg,rgb(255,255,255) 0% ,rgb(241,123,25) 100%);

有没有办法（不使用多个div ）使用MSIE的CSS过滤器完成设置渐变的开始和结束点（在这种情况下为25％和75％）？

Answer 1

不幸的是，使用filter完全无法做到这一点。

但是，您可以使用CSS3 PIE来使用JavaScript。

它相对无痛：

div {
    background-image: -moz-linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);

    -pie-background: linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);
    behavior: url(/PIE.htc);
}

在MSIE 9及更早版本中设置线性渐变的开始和结束位置

1 个答案: