2012-10-16 77 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