3

ボタンの背景に CSS を使用していますが、Firefox、Chrome、IE では見た目が異なります。

-webkit-linear-gradientandを使用し-moz-linear-gradientていますが、機能しません。Firefox の背景は暗く、Chrome の背景は白です。

.list-link a {
    background:-webkit-gradient(linear,,color-stop(#696969,0),color-stop(#3D3D3D,0.5),color-stop(#292929,0.5),color-stop(#171717,1));
    background:-webkit-linear-gradient(center top , #696969 0%, #3D3D3D 50%, #292929 50%, #171717 100%) repeat scroll 0 0 transparent;
    background:-moz-linear-gradient(center top , #696969 0%, #3D3D3D 50%, #292929 50%, #171717 100%) repeat scroll 0 0 transparent;
    background:-o-linear-gradient(center top , #696969 0%, #3D3D3D 50%, #292929 50%, #171717 100%) repeat scroll 0 0 transparent;
    background:linear-gradient(center top , #696969 0%, #3D3D3D 50%, #292929 50%, #171717 100%) repeat scroll 0 0 transparent;
    border:1px solid #000000;
    -webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    -webkit-box-shadow:0 1px 0 0 #949494 inset, 0 -1px 5px 0 #757575 inset;
    -moz-box-shadow:0 1px 0 0 #949494 inset, 0 -1px 5px 0 #757575 inset;
    box-shadow:0 1px 0 0 #949494 inset, 0 -1px 5px 0 #757575 inset;
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    font-weight:normal;
    height:auto;
    padding:6px 17px;
    text-align:center;
    text-shadow:none;
}
4

2 に答える 2

0

Jan が指摘するように。その発電機があなたを助けます。右下の [CSS のインポート] ボタンをクリックすると、動作中の mozilla CSS を貼り付けることができ、他のすべてが出力されます。

具体的には、「Chrome」宣言に正しい位置情報がありませんでした。以下のように、が必要だったようです... linear, left top, left, ...。

background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(50%,#3d3d3d), color-stop(50%,#292929), color-stop(100%,#171717));
于 2013-06-24T18:55:21.917 に答える