Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Internet explorer 设置线性梯度';s在MSIE 9及更高版本中的起始和结束位置_Internet Explorer_Css_Filter_Gradient - Fatal编程技术网

Internet explorer 设置线性梯度';s在MSIE 9及更高版本中的起始和结束位置

Internet explorer 设置线性梯度';s在MSIE 9及更高版本中的起始和结束位置,internet-explorer,css,filter,gradient,Internet Explorer,Css,Filter,Gradient,我有这个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

我有这个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));


有没有一种方法(不使用多个div)可以使用MSIE的CSS过滤器来设置渐变的起点和终点(在本例中为25%和75%)?

不幸的是,使用
过滤器是完全不可能的

但是,您可以使用,它使用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);
}

对于IE9和更新版本,可以使用SVG渐变。
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);
}