이미지를 CSS의 바닥 글 배경으로 설정

Question

내 페이지에 꼬리말을 추가하려하지만 모니터 해상도에 따라 자동으로 크기가 조정되는 배경 이미지로 사용하고 100 % 너비와 높이는 결코 오버플로하지 않기 때문에 스크롤바가 나타나지 않게하고 싶습니다. 이미지는 .jpg입니다.

이

Answer 1

를 사용하여 주위에 다음과 같은 CSS

​div { 
    width: 100%; 
    height: 400px; 
    background-image: url(your-path-here.jpg); 
    background-size: 100% 100%; 
}​ 

을 가서 '돈 경우,이 라이브 example

Answer 2

조심 볼 수있는 가장 좋은 방법이 무엇인지에 관해서는 몇 가지 입력 감사하겠습니다 꼬리말의 높이를 조절하면 이미지가 늘어납니다.

background-size 트릭을 수행하지만 IE8 이하에서는 지원되지 않습니다. http://dabblet.com/gist/2790711

:

라이브 데모 - 그냥이 브라우저의 보안을 위해 이미지가 중앙에 위치 될 수있다 (물론, 중심 키워드는 작품을 수직 수평으로 50 %와 50 % 의미)