백그라운드를 원하는 위치에 놓고 싶습니다. 채택완료
허걱김선생
1년 전
조회 1,323
수고하십니다.
백그라운드를 원하는 위치에 넣고 싶은데 잘 안되네요.
#header.header_on{ background:rgba(255, 255, 255, 1); position:fixed !important; top:0px; width:100% !important; background:#fbbc04;no-repeat top center; transition: 0.2s all ease;background-size:cover; overflow:hidden; border-bottom:1px solid #eee; box-shadow: 1px 2px 4px 1px rgba(0,0,0,.05); }
background:#fbbc04; 이녀석을 아래로 내리고 싶은데
방법을 모르겠습니다.
조언을 얻을 수 있을까요?
감사합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
1년 전
</p>
<p>#header.header_on{ /*background:rgba(255, 255, 255, 1);*/ position:fixed !important; top:0px; width:100% !important; /*background:#fbbc04;no-repeat top center;*/ background: linear-gradient(rgba(255,255,255,1) 50%, #fbbc04 50%); transition: 0.2s all ease;background-size:cover; overflow:hidden; border-bottom:1px solid #eee; box-shadow: 1px 2px 4px 1px rgba(0,0,0,.05); } </p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
허걱김선생
1년 전
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
�
허걱김선생
1년 전
네 맞습니다.
top:0px; width:100% 이런 것들을 조작해봐도 도통 움직이지를 않아서요.
top:0px; width:100% 이런 것들을 조작해봐도 도통 움직이지를 않아서요.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
한 가지만 더 여쭈어 봐도 되련지요.
위치 조정을 해서 높이를 맞추었습니다.
위 이미지 처럼 상단이 흰 여백으로 나오는데요.
백그라운드 이미지를 넣고 싶은데
background:url('../image/h_bg.png') 식으로 넣어주니
나오지가 않습니다.
조언 좀 부탁드려도 될까요.
감사합니다.
#header.header_on{ position:fixed !important; top:0px; width:100% !important; background:url('../image/h_bg.png')no-repeat top center; background-size:cover; overflow:hidden; border-bottom:0px solid #eee; box-shadow: 1px 2px 4px 1px rgba(0,0,0,.05); background: linear-gradient(rgba(255,255,255,1) 32%, #fbbc04 0%); transition: 0.2s all ease;background-size:cover; overflow:hidden; border-bottom:1px solid #eee; box-shadow: 1px 2px 4px 1px rgba(0,0,0,.05); }