상단 메뉴바 질문합니다. 꼭 좀 도와주세요!!
버튼이 창 화면을 줄이면 같이 밑으로 내려옵니다. 창 화면을 줄여도 버튼이 내려오지 않게 할 방법이 있을지..
HTML
<a href='#' class='button'>테스트</a>
CSS
Copy
.button { border: 0px solid #000000; background: #93908b; background: -webkit-gradient(linear, left top, left bottom, from(#93908b), to(#93908b)); background: -webkit-linear-gradient(top, #93908b, #93908b); background: -moz-linear-gradient(top, #93908b, #93908b); background: -ms-linear-gradient(top, #93908b, #93908b); background: -o-linear-gradient(top, #93908b, #93908b); background-image: -ms-linear-gradient(top, #93908b 0%, #93908b 100%); padding: 25px 70px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0; -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0; box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0; text-shadow: #000000 0 1px 0; color: #ffff94; font-size: 22px; font-family: 'NanumGothic', text-decoration: none; vertical-align: middle; }.button:hover { border: 0px solid #000000; text-shadow: #000000 0 1px 0; background: #93908b; background: -webkit-gradient(linear, left top, left bottom, from(#807e7b), to(#93908b)); background: -webkit-linear-gradient(top, #807e7b, #93908b); background: -moz-linear-gradient(top, #807e7b, #93908b); background: -ms-linear-gradient(top, #807e7b, #93908b); background: -o-linear-gradient(top, #807e7b, #93908b); background-image: -ms-linear-gradient(top, #807e7b 0%, #93908b 100%); color: #ffff94; }.button:active { text-shadow: #000000 0 1px 0; border: 0px solid #000000; background: #69645c; background: -webkit-gradient(linear, left top, left bottom, from(#7d7466), to(#93908b)); background: -webkit-linear-gradient(top, #7d7466, #69645c); background: -moz-linear-gradient(top, #7d7466, #69645c); background: -ms-linear-gradient(top, #7d7466, #69645c); background: -o-linear-gradient(top, #7d7466, #69645c); background-image: -ms-linear-gradient(top, #7d7466 0%, #69645c 100%); color: #ffff94; }
|
답변 1개 / 댓글 1개
2017-06-25 (일) 22:53:46
버튼 css 보다 상단을 감싸는 css 와 html 을 올려주셔야 확인할 수가 있습니다.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.