2012-10-16 41 views
5

是否可以在IE 5-9中创建从右到左的梯度?在IE 10中是可能的,但它是否在早期版本中不使用图像?从iE到css的右到左渐变 - 可能吗?

左至右梯度在早期版本:

/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#D5D4D4, endColorStr=#FFFFFFFF, GradientType=1); 

/* For Internet Explorer 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D5D4D4, endColorstr=#FFFFFFFF, GradientType=1)"; 

在IE 10有改变梯度方向的选项:

/* For Internet Explorer 10 */ 
-ms-linear-gradient(left, #D5D4D4, #fff 45%); 
+0

http://stackoverflow.com/a/12703331/1012591 –

回答

9

不确定。只要做到:

/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#FFFFFFFF, endColorStr=#D5D4D4, GradientType=1); 

/* For Internet Explorer 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#D5D4D4, GradientType=1)"; 

严重的答案:gradient filter支持2 gradients types:0(垂直)和1(水平)。

如果要从右侧→左侧切换到左侧→右侧,则需要切换颜色十六进制的startend

+1

ahahahahah不错的一个! –

+0

哇,我不能相信我应该做的一切就是想想另一种方式! – erdomester