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。