ページに表示するイメージを取得できません

ここに背景を設定するヘッダーコードがあります。ここでページに表示するイメージを取得できません

<header> 
    <img src="images/MeMain.jpg" alt="Drawing of Me" class="profile-image"> 
    <h1 class="tag name">Hello, I’m Me.</h1> 
    <p class="tag location">My home is Blank, Blank.</p> 
</header>

は、関連するCSSコードです：

header { 
    text-align: center; 
    background: url('images/portland.jpg') no-repeat top center ; 
    background-size: cover; 
    overflow: hidden; 
    padding-top: 60px; 
}

htmlページに画像で私のコードは、それが表示された場合、私はそれがURLを使用して表示されるように得ることができません。私は画像の場所を移動しようとしましたが、URLを（ ".../images/portland.jpg"）に変更しようとしました。私がこれまでに試したことはありません。

出典

2016-06-23 Ranger Skip

：あなたも、あなたのサイトにそのような携帯電話サイズの画面に異なる背景を与えることができます

.header { background: url(../images/portland.jpg) no-repeat center center fixed; background-size:cover }

：

はこれを試してみてください.jpg'？ 'images/portland.jpg'は現在のパス+ images/portland.jpgにマップされます。一方、最初にスラッシュを置くと、ルートディレクトリからパスが解決されます。 – ryancdotnet

サーバー上のファイル構造を理解することなく、これを手助けする方法はありません。サーバー上に*画像がある* imagesフォルダがありますか？画像フォルダの場所はHTMLページにどのように関係していますか？ CSSはHTMLページの一部ですか、それとも別のリンクファイルですか？リンクされている場合、 "images"フォルダに関連してサーバー上にあるCSSファイルはどこにありますか？要するに...そのパスが正しくないとイメージは表示されません。パスはあなた以外の誰かにあるかもしれません...誰もがちょうど*推測するでしょう。 – Scott

BobbyとDerekの解決策ryan、私はそれらの両方を試しました全てのウェブサイトファイルはWebsiteというフォルダにあります。 'images'フォルダ内にあります。すべてのhtmlファイルはWebsiteフォルダにあり、すべてのcssファイルは 'static'フォルダにあります。 –

を使用する必要がありますあなたのCSS。また、sidenoteでは、新しいブラウザではパスを引用する必要はありません。あなたが `/画像/ポートランドを試してみました

@media only screen and max-width: 48em { 
    .header {background: url(../images/portland-portrait.jpg) no-repeat center center fixed;} 
}

Source - http://fritzemedia.com/

出典

2016-06-23 23:19:00

-1

問題は、期間が長すぎることです。

あなたは

（ "../images/portland.jpg"）

あなたが持っていた...あなたは上のURLパスで1つのあまりにも多くの周期を持っているように見えます

出典

2016-06-23 23:15:25

ページに表示するイメージを取得できません

答えて

関連する問題