테스트 사이트 - 개발 중인 베타 버전입니다

상단 메뉴바 질문합니다. 꼭 좀 도와주세요!!

라이즌엔터테인먼트RisenEntertainment 8년 전 조회 1,806


버튼이 창 화면을 줄이면 같이 밑으로 내려옵니다. 창 화면을 줄여도 버튼이 내려오지 않게 할 방법이 있을지..

HTML

테스트

CSS

.button {</p><p>   border: 0px solid #000000;</p><p>   background: #93908b;</p><p>   background: -webkit-gradient(linear, left top, left bottom, from(#93908b), to(#93908b));</p><p>   background: -webkit-linear-gradient(top, #93908b, #93908b);</p><p>   background: -moz-linear-gradient(top, #93908b, #93908b);</p><p>   background: -ms-linear-gradient(top, #93908b, #93908b);</p><p>   background: -o-linear-gradient(top, #93908b, #93908b);</p><p>   background-image: -ms-linear-gradient(top, #93908b 0%, #93908b 100%);</p><p>   padding: 25px 70px;</p><p>   -webkit-border-radius: 0px;</p><p>   -moz-border-radius: 0px;</p><p>   border-radius: 0px;</p><p>   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;</p><p>   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;</p><p>   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;</p><p>   text-shadow: #000000 0 1px 0;</p><p>   color: #ffff94;</p><p>   font-size: 22px;</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>font-family: 'NanumGothic',</p><p><span class="Apple-tab-span" style="white-space:pre">		</span></p><p>   text-decoration: none;</p><p>   vertical-align: middle;</p><p>   }</p><p>.button:hover {</p><p>   border: 0px solid #000000;</p><p>   text-shadow: #000000 0 1px 0;</p><p>   background: #93908b;</p><p>   background: -webkit-gradient(linear, left top, left bottom, from(#807e7b), to(#93908b));</p><p>   background: -webkit-linear-gradient(top, #807e7b, #93908b);</p><p>   background: -moz-linear-gradient(top, #807e7b, #93908b);</p><p>   background: -ms-linear-gradient(top, #807e7b, #93908b);</p><p>   background: -o-linear-gradient(top, #807e7b, #93908b);</p><p>   background-image: -ms-linear-gradient(top, #807e7b 0%, #93908b 100%);</p><p>   color: #ffff94;</p><p>   }</p><p>.button:active {</p><p>   text-shadow: #000000 0 1px 0;</p><p>   border: 0px solid #000000;</p><p>   background: #69645c;</p><p>   background: -webkit-gradient(linear, left top, left bottom, from(#7d7466), to(#93908b));</p><p>   background: -webkit-linear-gradient(top, #7d7466, #69645c);</p><p>   background: -moz-linear-gradient(top, #7d7466, #69645c);</p><p>   background: -ms-linear-gradient(top, #7d7466, #69645c);</p><p>   background: -o-linear-gradient(top, #7d7466, #69645c);</p><p>   background-image: -ms-linear-gradient(top, #7d7466 0%, #69645c 100%);</p><p>   color: #ffff94;</p><p>   }

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

버튼 css 보다 상단을 감싸는 css 와 html 을 올려주셔야 확인할 수가 있습니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

라이즌엔터테인먼트RisenEntertainment
8년 전
수정해서 다시 올렸습니다!

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인