페이지에 표시 할 이미지를 가져올 수 없습니다.

여기에 배경을 설정하려는 내 머리글 코드가 있습니다. 여기 페이지에 표시 할 이미지를 가져올 수 없습니다.

<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 페이지에 이미지의 I 코드가 표시되면,하지만 난 그게 URL을 사용하여 표시 할 수 없습니다. 나는 사진의 위치를 옮겨 보려고 시도했지만 URL을 (".../images/portland.jpg")로 변경하려고 시도했습니다. 내가 지금까지 시도한 것은 아무것도 없다.

출처

2016-06-23 Ranger Skip

당신이'/ 이미지/포틀랜드를 시도 .jpg'? 'images/portland.jpg'는 현재 경로 + images/portland.jpg에 매핑됩니다. 처음에 슬래시를 넣으면 경로가 루트 디렉토리에서 강제로 해결됩니다. – ryancdotnet

서버의 파일 구조를 이해하지 않고도이를 지원할 방법이 없습니다. 서버에 * 이미지가있는 "images"폴더가 있습니까 *? 이미지 폴더의 위치는 HTML 페이지와 어떤 관련이 있습니까? CSS는 HTML 페이지의 일부입니까, 아니면 별도의 링크 된 파일입니까? 링크 된 경우 CSS 파일은 "images"폴더와 관련하여 서버에 어디에 있습니까? 간단히 말해서 ... 이미지 경로가 잘못되어 있으면 이미지가 나타나지 않을 수 있습니다. 그 경로는 당신이 아닌 다른 누군가에게 있을지도 모릅니다. 모두가 단지 추측 할 것입니다. * – Scott

바비와 데릭의 해결책은 그것을 고쳤습니다. 라이언, 두 가지 모두 시도해 보았습니다. 모든 웹 사이트 파일은 Website라는 폴더에 있습니다. 'images'폴더에 있습니다. 모든 HTML 파일은 웹 사이트 폴더에 있고 모든 CSS 파일은 '정적'폴더에 있습니다. –

를 사용한다 너의 CSS. 또한, sidenote, 최신 브라우저 경로에 따옴표가 필요하지 않습니다.

이 시도 :

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

당신은 심지어 같은 사이트 전화 크기의 화면에 다른 배경을 제공 할 수 있습니다 :

@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 경로에 너무 많은 기간이처럼 보이는

출처

2016-06-23 23:15:25

페이지에 표시 할 이미지를 가져올 수 없습니다.

답변

관련 문제