CSS 배경을 사용하여 배경을 채우기 위해 이미지 스트레칭

Question

나는 내가 좋아하는 이미지가 있습니다. 이 작은 이미지를 사용하여 내 페이지를 채우고 싶지만 이미지에 그래디언트 효과가 있으므로 반복을 사용할 수 없습니다. 이미지를 CSS로 페이지를 채우기 위해 이미지를 확대 할 수있는 방법이 있습니까?

Answer 1

아니요, 배경 이미지의 크기를 설정할 수 없습니다. 그래픽 편집 프로그램으로 이미지 자체를 반복하거나 스트레칭해야합니다.

당신은 또한 IMG 태그와 CSS와 함께 해결 방법을 사용할 수 있습니다 :이 다소 오래된 질문이다 실현,하지만 난 그것을 우연히, 나는뿐만 아니라 여기에 대한 답변을 넣을 수있는보고 Stretch and scale CSS background

Answer 2

.

너무처럼 background-size CSS 속성을 사용하여 background-image의 크기를 변경할 수 있습니다 :

.class { 
    background-image: url(....); 
    background-size: 100% 100%; 
} 

더 여기를보세요 : CSS3 background-size property.