提交按鈕,我試圖使用供應商特定的CSS規則IE9漸變添加到提交按鈕漸變背景:在IE
background: -ms-linear-gradient(#6671E8,#434991);
但出於某種原因,這doesn't work。這是我做錯了什麼或者是IE9再次搞砸了嗎(或者兩者兼而有之)?
提交按鈕,我試圖使用供應商特定的CSS規則IE9漸變添加到提交按鈕漸變背景:在IE
background: -ms-linear-gradient(#6671E8,#434991);
但出於某種原因,這doesn't work。這是我做錯了什麼或者是IE9再次搞砸了嗎(或者兩者兼而有之)?
嘗試設置過濾器,無:
input[type="submit"] { filter: none; }
我還沒有證實這一點,但我看它Colorzilla的梯度發生器:
試試這個:
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 */
我會使用位圖/ 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