더북(TheBook)

06/04/background-attachment-scroll(fixed, local).html

  <style>
    body{
      height:1000px;
    }
    .parent{
      width:320px;  /* 이미지 크기보다 2배 크게 설정 */
      height:240px; /* 이미지 크기보다 2배 크게 설정 */
      border:1px solid black; /* 요소의 배경 크기가 잘 보이게 테두리 설정 */
      overflow:scroll;
    }
    .children{
      height:2000px;
      background-image:url('images/coffee.jpg');
      background-attachment:scroll; /* local, fixed */
    }
  </style>
</head>
<body>
  <div class="parent">
    <div class="children"></div>
  </div>
</body>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.