body {
background: #FFEFBA; /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFFFFF, #FFEFBA); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
위의 코드를 가져와서 트게더에 적용 시켜봤는데요
이렇게 1920 1080 화면에서만 딱 보이고
그 밑으로 내리면 기본 배경만 보입니다
저 코드 앞에
html, 을 붙여서
html, body {
background: #FFEFBA; /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFFFFF, #FFEFBA); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
이걸 넣으면
기존 트게더 배경색은 사라지는대신
첫번째 사진의 배경이 반복됩니다
자연스럽게 그라데이션 배경을 이어지게끔 하는방법이 없을까요?
뭐 때문에 저렇게 잘리는지도 알고 싶습니당...
댓글 6개 ▼