27 
.up { background-image: url('/design-library/profound_test/images/cab_images/white-arrow-up.png') 50% 50% no-repeat; }

このコードは、クロム（およびサファリ）で「無効なプロパティ値」を提供しています。別のページでまったく同じコードを使用していますが、正しく機能しています。ブラウザのキャッシュをクリアしました。50% 50% no-repeat を削除すると、問題なく動作します。これら 2 つのプロパティのいずれかを追加すると、再び無効になります (開発者ツールを使用したテスト)。

ProCSSorでも実行してクリーンアップしたので、どこを台無しにしているかわかりません...

4

5 に答える 5

55

はい、background-imageプロパティは画像部分のみであり、背景の位置または繰り返しプロパティではないため、次を使用しますbackground。

.up { 
    background: url('/design-library/profound_test/images/cab_images/white-arrow-up.png') 50% 50% no-repeat; 
}
于 2013-01-17T11:50:56.017 に答える
11

次のようにurlとの間に空白がある場合、Chrome* もこの警告をスローします (背景画像は表示しません) 。(

background-image: url ('img/web-bg.png');
                     ^

（これが、この質問を検索して見つけたが、答えがなく、試行錯誤を行った理由です。）

  • ...おそらくChromeのバージョンにもよると思います。
于 2015-06-13T12:35:42.273 に答える