4

Android の Dolphin ブラウザ バージョン 9.0.1 でグラデーション プロパティが正常に動作しません。CSSは次のとおりです。

position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 60px;

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 66px, #171000 172px);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(17, 10, 0, 0)), color-stop(1, #171000));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(left,  rgba(17, 10, 0, 0) 66px, #171000 172px);

/* W3C Markup, IE10 Release Preview */ 
background-image: linear-gradient(to right, rgba(17, 10, 0, 0) 66px, #171000 172px);

このブラウザに別のルールを追加する必要がありますか? Webkit を使用していることがわかっている限り、なぜ機能しないのかわかりません。

4

2 に答える 2

1

カラー形式 (rgba と hex) の混合が原因である可能性があります。
使用してみてください：

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(17, 10, 0, 0)), color-stop(100%, rgba(23, 16, 0, 1)));

また

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(17, 10, 0, 0)), color-stop(100%, rgba(17, 10, 0, 1)));

rgb(17, 10, 0) は #171000 とは異なることに注意してください

于 2013-09-04T18:05:14.187 に答える