Internet explorer 设置线性梯度';s在MSIE 9及更高版本中的起始和结束位置
我有这个CSSInternet 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
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);
}