HTMLに<img>タグを使用して画像をロードしない限り、背景画像はCSSに表示されません。

Question

コードが正しく表示されない理由が非常に混乱しています。ここに私のコードです：画像のみの小さな部分がテキストと一緒に表示される

<style type = "text/css"> 

#pic { 

background:url('http://www.tishbi.eu/img/shopping_cart.png') no-repeat; 


</style> 

<div id = "pic"> <p> 

</p> </div> 

...私はなぜこれが起こっているので、混乱しています。画像全体を表示できる唯一の方法は、画像の周りにほぼ170ピクセルのパディングを追加する場合です。誰か助けてください！

ありがとうございました。

Answer 1

divの幅と高さを指定する必要があります。

また、あなたはあなたのCSSを閉じていることを確認します

#pic { 
    background:url('http://www.tishbi.eu/img/shopping_cart.png') no-repeat; 
    width: 200px; 
    height: 300px; 
} 

Answer 2

入れて高さと幅、あなたのCSSクラスで。

</style>

#picがゼロの幅と高さを持っているので、背景は文句を言わないショーの前にあなたが閉じ括弧を必要とし、ここでdemo

Answer 3

1. をご覧ください。 divにコンテンツを入れるか、幅と高さを設定します。

は、ここでは、作業それをチェックアウト：右例えば設定し、そのパスを取ってhttp://jsfiddle.net/UzcDM/1/

Answer 4

を../../Images/logo/google.png、

位置を追加しようとする：絶対;

それは（たとえクラスセレクタを持っていない）ルールセットである「CSSクラス」、のようなものはありません単にいくつかの要素