CSS에서 HTML 선택기에 표시되는 이미지를 어떻게 제어 할 수 있습니까?

CODE :이 사용CSS에서 HTML 선택기에 표시되는 이미지를 어떻게 제어 할 수 있습니까?

html { 
    background: url("/_images/back.png") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

나는 완벽하게 이미지를 표시 할 수 있어요하지만 전체 이미지가 상단에 표시되지 않습니다. 이것이 div에 있다면 나는 그것을 적절히 표시 할 수 있었고 margin-top을 통해 제어 할 수 있었지만 html로는 다른 것을 제외하고는 제한적이었다.

전체 이미지를 표시하려면 어떻게해야합니까? margin-top과 비슷한 것이 있습니까?

출처

2013-07-12 starbucks

스크린 샷이 도움이 될 것입니다. –

'background : url ("/ _ images/back.png") 노 트 반복을하면 어떻게 될까요? '?? – DontVoteMeDown

'background-size : contains'를 찾고있는 것처럼 들리지만 너무 쉽습니다. 그렇지 않습니까? –

background 속성은 CSS의 배경 속성에 대해 약식입니다. 그 중 하나는

당신이 된 div를 사용할 필요가 없습니다 ... 등등 top, center, bottom, 또는 left 및 right 또는 값 %에서, px, em, cm 등의 위치와 상태를 유지할 수있는 background-position입니다 그 목적.

귀하의 경우에는 background: url("/_images/back.png") no-repeat top left fixed;을 시도해보십시오.

출처

2013-07-12 20:05:17 DontVoteMeDown

본체 태그를 사용해 보셨습니까? 시도해 볼 수도 있습니다. yahoo css reset

출처

2013-07-12 20:02:26

CSS에서 HTML 선택기에 표시되는 이미지를 어떻게 제어 할 수 있습니까?

답변

관련 문제