html - CSS HR Fade 不适用于 IE/FF，适用于 Chrome

Question

我的网站：http ://travisingram.net/

我的代码：

<div style="font-family: Comic Sans MS;text-align: left;font-size: 22px;">Welcome to My Blog!</div>
<hr style="
    border: 0px;
    height: 1.3px;
    background: black;
    background: -moz-linear-gradient(linear, 0 0, 150% 0, from(#FFD700), to(#1F1F1F), color-stop(100%, black));
    background: -webkit-gradient(linear, 0 0, 150% 0, from(#FFD700), to(#1F1F1F), color-stop(100%, black));
    background:  linear-gradient(linear, 0 0, 150% 0, from(#FFD700), to(#1F1F1F), color-stop(100%, black));" />

如果您访问主页并查看侧边栏，您会看到 HR 线，在 Chrome 中它工作得很好，从黄色到黑色。但在 FF 和 IE 中，颜色只是黑色。我的代码不正确还是什么？

Answer 1

看这里：

http://codepen.io/anon/pen/CIHds

这是一个跨浏览器渐变，适用于 IE 和 Mozilla。