css - 線形グラデーション hr 効果は Firefox でのみ機能します

Question

hr 行のように見えるこの div があります。スタイルは Firefox でのみ機能します。

フィドルを作成しました：http://jsfiddle.net/vLFN7/

<mydiv> </mydiv>
mydiv {

  background-image: -webkit-gradient(linear, left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -ms-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -o-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: linear-gradient(left center , transparent, rgba(0, 0, 0, 0.1), transparent);
    border: 0 none;
    height: 1px;
    margin: 20px 0 40px;
}

助けてください。

Answer 1

それはすべてで動作します。

div {
    background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
    background-image: -moz-linear-gradient(左中央、透明、rgba(0, 0, 0, 0.1)、透明);
    background-image: -ms-linear-gradient(左中央、透明、rgba(0、0、0、0.1)、透明);
    background-image: -o-linear-gradient(左中央、透明、rgba(0, 0, 0, 0.1)、透明);
    background-image: linear-gradient(左中央、透明、rgba(0, 0, 0, 0.1)、透明);
    ボーダー: 0 なし;
    高さ: 1px;
    マージン: 20px 0 40px;
}