多停線性漸變爲IE 7-10

Question

所以我很熟悉使用過濾器和PIE只是一個簡單的梯度，但我會怎麼做多停止/使用同樣的工具？：

background-image: -moz-linear-gradient(center bottom , #0C355C 0%, #082540 50%, #0C355C 51%, #0F4476 100%); 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0C355C), color-stop(0.5, #082540), color-stop(0.51, #0C355C), color-stop(1, #0F4476)); 

開始梯度

Answer 1

您應該使用這樣的：

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

例：

background: #1e5799; /* Old browsers */ 
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ 
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ 
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ 
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ 
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0); /* IE6-9 */