상단 메뉴바 질문합니다. 꼭 좀 도와주세요!!
본문
버튼이 창 화면을 줄이면 같이 밑으로 내려옵니다. 창 화면을 줄여도 버튼이 내려오지 않게 할 방법이 있을지..
HTML
<a href='#' class='button'>테스트</a>
CSS
.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;
}
답변을 작성하시기 전에 로그인 해주세요.
