css에서 배경이미지를 화면에 맞게 정렬하는 방법.


pc와 mobile에서 봐야하는 웹페이지를 제작중입니다. 배경이미지를 넣을려고하고요. css에서 다음과 같이 코드를 작성했을 때, 첨부된 이미지와 이미지가 화면에 알아서 맞춰지지 않고, 반복적으로 나옵니다. 저는 화면 크기에 알아서 잘 맞아떨어지도록 배경이미지를 배치하고 싶습니다. alt text

작성중인 css 코드는 다음과 같습니다.

body{
    background: url(https://static.pexels.com/photos/24428/pexels-photo.jpg) ;
}
  • 2016년 02월 14일에 작성됨
    Css / visual design

조회수 390


1 답변


좋아요
2
싫어요
채택취소하기

css에 다음과 같이 입력합니다.

body{
    background: url(https://static.pexels.com/photos/24428/pexels-photo.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
  • 2016년 02월 14일에 작성됨
    Junior Front-End Developer at 'NewNormal™ '

로그인이 필요한 기능입니다.

Hashcode는 개발자들을 위한 무료 QnA사이트 입니다. 작성한 답변에 다른 개발자들이 댓글을 작성하거나 좋아요/싫어요를 할 수 있기 때문에 계정을 필요로 합니다.
► 로그인
► 계정만들기
Close