2017-07-28 1 views
-1

background-imageプロパティを使用してCSSで背景イメージを設定する方法を知る必要があります。css(背景画像プロパティ)を使用して画像を設定する方法は?

イメージはブラウザに表示されません。理由は分かりませんが、私のファイルイメージのパスはデスクトップからですが、使用する必要があります。設定するのに何も表示されません。誰でもこの問題を設定するのを助けてください。

+0

ローカルのウェブサイトまたはウェブ上に表示しようとしていますか? :)使用しているコードを使用することができますか? –

+0

cssクラスを "copy"とし、CSSを.copy { 背景画像:url( "../ sample/wp-content/uploads/gif/banner_12.png")右中央ノーリピート、 -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } – rajkumar

答えて

1

私が理解しているようにあなたのbackground-image宣言だけ画像のURLを含むべきでは

.copy{ background-image: url("../sample/wp-content/uploads/gif/banner_12.png") right center no-repeat; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

} 

を次のようにあなたのコードです。代わりに、あなたはbackground-repeat

background-positionno-repeatあるright centerを含んどちらのあなたは、必要に応じてバックグラウンド結合を含む個別ので

.copy{ 
    background-image :url("../sample/wp-content/uploads/gif/banner_12.png") 
    background-repeat:no-repeat; 
    background-position:right center; 
    background-size: cover; 
} 

などのすべてのスタイルを書く(スクロールがデフォルト)と背景色(透明あるデフォルト)

はどちらかあなたはとても

のように1つの宣言にそれらを書きます