2012-04-09 2 views
3

私は視差のページを作ろうとしていますが、プレースホルダーのイメージを使用するイメージに変更すると、新しいイメージが消えます。高さを上げると画像が消えます。どうして?

2つの画像の幅は同じで、高さが異なります。スタイルシートやソースコードを変更する必要がありますか?

スタイルシートのコードは次のとおりです。ソースコードで

#intro .story{ 
    background: url (images/LAYER2 TEXT RIGHT.png) 50% -0px no-repeat fixed; 
    height: 3798px; 
    position: relative; 
    width: 1024px; 

は、それは同じように置かれています:

</head> 
<body> 
<div id="intro"> 

だから、本当に特別なものは何もありません。

+0

どのブラウザとバージョンですか? – some

+1

背景のプロパティの順序が間違っています。 'background:url(images/LAYER2 TEXT RIGHT.png)no-repeat fixed 50%0;'にする必要があります。また、私はファイル名のスペースを避けようとします。 – bfavaretto

+0

ドリーム・ウィーバーでさえ、それは表示されません.... –

答えて

3

イメージ名から余分なスペースを削除する必要があります。

#intro .story{ 
    background: url("images/LAYER2-TEXT-RIGHT.png") 50% 0px no-repeat fixed; 
    height: 3798px; 
    position: relative; 
    width: 1024px; 
2

あなたのCSSに問題がある可能性があります。 #intro .storyは、idが "intro"の要素の子であるクラス名が "story"の要素のセレクタです。

あなたはイントロの子供を見せなかったので、私は多分あなたが代わりに画像をdiv#イントロに適用することを意図していたと仮定しています。

これは問題ではない場合は、その画像URLに直接アクセスするとブラウザに新しい画像を読み込むことができますか?言い換えれば、名前のスペルが間違っていないことと、指定した場所にイメージがあることを確認してください。

他のプレースホルダが読み込まれているため、新しいものが正しく参照されない可能性があります。さまざまなサイズの画像を読み込んで、問題の詳細を知ることができます。

関連する問題