2017-03-28 15 views
-3

私はdivに単純な背景イメージを適用しようとしています。このようなシンプルな問題のようですが、Stackや他のソースの多くのスレッドを検索して解決策の多くを試していたのですが、私はまだ空のdivを見ています。divの背景イメージはレンダリングされません

私はasterisk.pngファイルが存在し、タグから単独で呼び出されたときにレンダリングすることを確認しました。

はここでここでCSS

があるHTML
<div class="element"></div> 

ある
.element{ 
    background-image: url('images/asterisk.png'); 
    background-repeat: repeat-x; 
    width: 400px; 
    height: 50px; 
} 

イム誰かが私がここで作ってるんだ、単純な誤りを指摘することができます願って...ありがとう!

+0

画像のサイズは? – LcSalazar

+1

私はしばしば私が見ることができる国境に投げるCSSに問題があることを確認する。ページにあなたのCSSが表示されない場合は、 – n8wrl

+0

https://jsfiddle.net/b1e4825s/のためにうまく動作します。あなたはあなたのイメージへの正しい道を持っていますか? – j08691

答えて

0

他のスタイルがこの要素に追加されていないかどうかはインスペクタでチェックしてください。このケースでは、あなたの要素display: inlineを行うことができる 何かが、はいBGは、目に見えないこと

0

blockまたはinline-blockがそれを固定表示するように変更します。私は間違って画像ファイルにリンクしていました。 'images/asterisk.png'対 '../images/asterisk.png'です。

私の謝罪...私はあまりにも長く画面を見つめていて、ちょうど安静にする必要があったと思います!

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

関連する問題