백그라운드를 원하는 위치에 놓고 싶습니다.
본문
수고하십니다.
백그라운드를 원하는 위치에 넣고 싶은데 잘 안되네요.
#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
#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); }
답변 감사합니다.
한 가지만 더 여쭈어 봐도 되련지요.
위치 조정을 해서 높이를 맞추었습니다.
위 이미지 처럼 상단이 흰 여백으로 나오는데요.
백그라운드 이미지를 넣고 싶은데
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); }
background-position css를 한번 이용해보세요.
css 에 가셔서 위치를 바꾸시면 되시는거 아닌가요?
파일 위치를 물어보시는건가요?
네 맞습니다.
top:0px; width:100% 이런 것들을 조작해봐도 도통 움직이지를 않아서요.
