CSS의 웹 페이지 상단 중앙에 이미지가 있어야합니다. 자, 그냥 CSS에서 background-image:을 사용하고 있지만, 이것은 페이지의 중앙에 놓습니다.CSS 페이지 상단에 이미지 넣기
body {
background-image: url("theimageurlgoeshere"); //The image is 842 x 508
background-attachment:fixed;
background-position: center top;
background-repeat: no-repeat;
}
또한, background-position:를 변경하면 사이트의 결과에 영향이없는 것으로 보인다
여기 내 코드입니다. 어떤 도움을 주셔서 감사합니다.
center top에서
top center
background-position: top center;
하고, FF 3.5
에 내가 시험에 사용 된 코드를이 값의 배열을 변경
것은이었다
body { background: url(./image.png) no-repeat top center; }
w3schools에 따르면 : 첫 번째 값은 가로 위치이며 두 번째 값은 세로입니다 - http://www.w3schools.com/css/pr_background-position.asp – uhleeka
http://www.w3.org/을 참조하십시오. TR/CSS2/colors.html # background-properties를 참조하십시오. :-) – Riley
참조 상태 (w3schools보다 정확하게) : 하나 이상의 값이 키워드가 아닌 경우 첫 번째 값은 가로 위치를 나타내고 두 번째 값은 세로 위치를 나타냅니다. "키워드가 아님"은 "상단 중심"과 "중심 상단"이 모두 유효한 용도임을 나타냅니다. – uhleeka
그리고 원하는 경우 한 줄에 :
body {
background: url('path') center top fixed no-repeat;
}자세한 정보 : http://www.w3schools.com/css/pr_background-position.asp
이 경우 작동하지 않는 경우. 마진 : 0 자동;
어떤 브라우저를 타겟팅하고 있습니까? – uhleeka