2016-09-19 1 views
1

簡単なリンク先ページを作成しようとしていて、CSSのbackrgound-imageが読み込まれていません。 これは私が私が「、何も負荷で、「で、相対パスを持つフォルダをローカルパスを試してみました。css背景画像が読み込まれていない、火の中のプロパティが全く表示されない

を私はここに住んでエディタをチェックインすると

landing_container { 
    display: inline-block; 
    width: 100%; 
    height: 100%; 
    background: rgba(255, 255, 255, 0.6); 
    background: url("http://www.livingwatersshop.com/blog/wp-content/uploads/2016/09/Landing-Page-Background.jpg") 50%; 
    background-size: cover; 
} 

を使用しているコードです。。:私は、背景には問題を見ることはできません(私は完全なURLに入れて)が、私はそれがまだロードされません私のウェブサイトにアップロードするとき 私はクロームを試してみたとFirefoxは、キャッシュを削除し

これはhttp://scratchpad.io/selfish-education-2788 ウェブサイトへのリンク:http://www.livingwatersshop.com/landy/index.html

事前のおかげで、 Maayan

答えて

1

<landing_container>は非常に悪いカスタムタグです。しかし、ここであなたの質問に共有されていないという問題があります。問題は、CSSファイルが<style>タグで始まっていることです。それは完全に間違っている!

あなたは持っている:

<style> 
landing_container { 
    ...... 
} 
</style> 

ただ、CSSファイルから<style></style>を削除します。そのタグは、HTMLファイル内にCSSを含めるだけです。

これを削除すると、コードは完全に実行されます。

編集:

私はあなたが削除する場合それが背景にタグ付けすることを実証するために画像を添付が表示されます:

Screenshot

+0

すごいああ、ありがとう!私は完全にライブエディタからペーストしてコピーして気付かなかった...それは今働く(+私はlanding_containerタグを変更した)とても感謝する! –

+0

この回答を正しい答えとして受け入れる必要があります。投票ボタンの下のチェックマークをチェックしてください。 –

+0

@MaayanNavehはここにいますか? –

関連する問題