1

タグを作成しまし<hr>たが、Internet Explorer で正しく表示されません。これがCSSです：

hr {
    clear: both;
    border: 0;
    height: 1px;
    background: transparent;
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)); 
    background-image:    -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)); 
    background-image:     -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)); 
    background-image:      -o-linear-gradient(left, rgba(255, 255, 255, 0), rgb(255, 255, 255), rgba(255, 255, 255, 0)); 
}

そして、ここに jsfiddle http://jsfiddle.net/NC6ya/があります。どうすればIEで修正できますか?

ありがとう。

4

2 に答える 2

1

問題は、IE が認識する css プロパティに関係していると思います。以下をcssに追加すると、例と同じではありませんが、グラデーション効果が表示されるはずです。

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 )

役に立つかもしれないこれらの記事を見つけました

于 2013-05-20T08:17:46.387 に答える