在IE

提交按鈕，我試圖使用供應商特定的CSS規則IE9漸變添加到提交按鈕漸變背景：在IE

background: -ms-linear-gradient(#6671E8,#434991);

但出於某種原因，這doesn't work。這是我做錯了什麼或者是IE9再次搞砸了嗎（或者兩者兼而有之）？

來源

2012-02-11 PeeHaa

我會使用位圖/ jpg/png。它更快，更簡單並且符合跨瀏覽器。 – 2012-02-11 17:09:22

@SteveWellens這不是我的問題：P – PeeHaa 2012-02-11 17:11:33

或者只是滿足於IE9中的單一顏色。 – bozdoz 2012-02-11 17:12:04

嘗試設置過濾器，無：

input[type="submit"] { filter: none; }

我還沒有證實這一點，但我看它Colorzilla的梯度發生器：

http://www.colorzilla.com/gradient-editor/

來源

2012-02-11 17:08:55 bozdoz

如果您點擊CSS代碼下的IE9支持，它會說過濾器需要設置爲無。但它也包含一個Data URI方案，所以我不確定它在IE9中的工作需要什麼。 – bozdoz 2012-02-11 17:11:20

你說得對。我認爲'ms-'前綴是針對IE9的，但它是針對'IE10'的。 – PeeHaa 2012-02-11 17:14:17

嘿@PeeHaa埽，勾號怎麼樣？ ;） – bozdoz 2013-05-11 06:32:52

使用CSS3 PIE並設置-pie-background：

-pie-background: linear-gradient(#6671E8, #434991);

來源

2012-02-11 17:19:27 Blender

爲什麼downvote？ IE9不支持漸變。 – Blender 2012-02-11 17:21:47

它沒有具體回答他的問題。然而，我發現這個答案非常有用。所以，我會給你+1。 ;） – bozdoz 2012-02-11 17:27:28

試試這個：

background: #6671e8; /* Old browsers */ 
background: -moz-linear-gradient(top, #6671e8 1%, #434991 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6671e8), color-stop(100%,#434991)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #6671e8 1%,#434991 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #6671e8 1%,#434991 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #6671e8 1%,#434991 100%); /* IE10+ */ 
background: linear-gradient(top, #6671e8 1%,#434991 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6671e8', endColorstr='#434991',GradientType=0); /* IE6-9 */

來源

2012-02-11 17:33:08 NewUser

回答

相關問題