HTML/CSS 배경 문제

body 
 
{ 
 
background:url("Images/Wheat.jpg"); 
 
} 
 
p 
 
{ 
 
    font-family: "Sans-serif"; 
 
    font-size: 20px; 
 
\t text-align: justify; 
 
} 
 

 
a:link, a:visited { 
 
    display: block; 
 
    width: 120px; 
 
    font-weight: bold; 
 
    color: #FFFFFF; 
 
    background-color: #DEB887; 
 
    text-align: center; 
 
    padding: 50px; 
 
    text-decoration: none; 
 
    text-transform: uppercase; 
 
    height:auto; 
 
    bottom:0; 
 
    top:0; 
 
    left:0; 
 
    right:0; 
 
    } 
 

 
a:hover, a:active { 
 
    background-color: #E2A76F; 
 
} 
 
h2 
 

 
{color:#996633; 
 
font-family:Arial; 
 
text-align: center; 
 
font-size: 200%; 
 
} 
 

 
h3 
 
{ 
 
font-family:Sans-serif; 
 
font-style: italic; 
 
text-align:left; 
 
font-size: 130%; 
 
} 
 
h4 
 
{ 
 
color:#996633; 
 
font-family:Arial; 
 
font-style: italic; 
 
text-align:left; 
 
font-size: 200%%; 
 
} 
 
h5 
 
{ 
 
color:#996633; 
 
font-family:Arial; 
 
font-style: italic; 
 
text-align:left; 
 
font-size: 200%%; 
 
} 
 
h6 
 
{ 
 
font-family:Sans-serif; 
 
font-style: italic; 
 
text-align:left; 
 
font-size: 130%; 
 
} 
 

 
@media print { 
 
    p { 
 
     font-size: 24px; 
 
     color: Black; 
 
    } 
 
}

CSS 코드, 이미지의 경로가 정확한지 확인하십시오. 링크를 위해 CSS를 변경했을 때 작동이 중지되었습니다. differet 경로를 사용하려고했지만 이미지가 여전히 작동하지 않습니다. 나는 이것에 신참이다 (후회한다!). 나는 그것이 HTML5에 문제가 있다고 생각하지 않는다, 나는 단지 지옥이 잘못되어 가고있는 것을 해결하려고 노력하고있는 나의 두뇌를 wracking하고있다!

출처

2015-01-13 Keeley Louise Wainman

코드를 붙여 넣으십시오. – scniro

파일의 상대 경로를 확인 했습니까? –

최상의 추측 : 배경 이미지는 링크가 말하는 위치가 아닙니다. 대체 추측 : 대소 문자를 구분하는 파일 이름을 사용하며 CSS의 대/소문자가 파일 또는 디렉토리의 대/소문자와 일치하지 않습니다. –

background:url("Images/Wheat.jpg");

이 올바른지,

하지만 대문자는 맵 이름과 파일의 이름에 실제로있는 경우이 경우는 다음을 확인하는 경우,

을 확인하십시오 :

.css 파일을 저장하는 스타일 폴더가있는 경우 'Images'폴더가 styles 폴더에 있는지 확인하십시오. 이 경우에 적합하지 않은 경우 &의 'Images'폴더가 기본 디렉토리에있는 경우 다음을 사용하십시오.

background : url ("../ Images/Wheat.jpg"); ../이 무엇

는 1지도 돌아갑니다 다음은 이미지 폴더로 이동하고

출처

2015-01-14 13:07:08 Gerwin

첫째로 당신의 이미지를 선택, 이미지의 경로가 대문자를 포함하여 정확한지 확인하고, 경로. 현재이 CSS 파일이있는 폴더에는 'Wheat.jpg'라는 이미지가 들어있는 'Images'라는 폴더가 있다고 가정합니다. 이 올바른지? 당신의 CSS 스타일에 오류가 몇 가지가있다

, 당신은 여분의 % 기호를했다. 또한 CSS 코드를 정리하여 읽는 것이 더 쉬워졌습니다.

은 또한 위쪽, 왼쪽, 아래쪽 및 링크에서 마우스 오른쪽 가치와 당신은 이들과 같은 사람들은 당신이 블록이기 때문에 절대 및 상대 위치 항목에 대해서만 유효하지 않아도, 방문했다.

body { 
    background:url("Images/Wheat.jpg"); 
} 

p { 
    font-family: "Sans-serif"; 
    font-size: 20px; 
    text-align: justify; 
} 

a:link, a:visited { 
    display: block; 
    width: 120px; 
    font-weight: bold; 
    color: #FFFFFF; 
    background-color: #DEB887; 
    text-align: center; 
    padding: 50px; 
    text-decoration: none; 
    text-transform: uppercase; 
} 

a:hover, a:active { 
    background-color: #E2A76F; 
} 

h2 { 
    color:#996633; 
    font-family:Arial; 
    text-align: center; 
    font-size: 200%; 
} 

h3 { 
    font-family:Sans-serif; 
    font-style: italic; 
    text-align:left; 
    font-size: 130%; 
} 

h4 { 
    color:#996633; 
    font-family:Arial; 
    font-style: italic; 
    text-align:left; 
    font-size: 200%; 
} 

h5 { 
    color:#996633; 
    font-family:Arial; 
    font-style: italic; 
    text-align:left; 
    font-size: 200%; 
} 

h6 { 
    font-family:Sans-serif; 
    font-style: italic; 
    text-align:left; 
    font-size: 130%; 
}

출처

2015-01-14 13:15:08 Lee

HTML/CSS 배경 문제

답변

관련 문제