div 마우스 따라 내려오는거 질문드립니다
본문
todaybank.co.kr 우측 바 를 보시면
<div id="quick">
<div>
<img src="/images/new/quick_line1.png">
<img src="/images/new/quick_line1.png">
<img src="/images/new/quick_line1.png">
<img src="/images/new/quick_line1.png">
<img src="/images/new/quick_line1.png">
<center><a href="JavaScript:goPage('0504')"><img src="/images/new/2t.png"></a></center>
<center><a href="http://todaybank.co.kr/bbs/board.php?bo_table=b0507"><img
src="/images/new/3t.png"></a></center>
<center><a href="JavaScript:goPage('0506')"><img src="/images/new/4t.png"></a></center>
<center><a href="https://open.kakao.com/o/sAP3x3n" target="_blank"><img src="/images/new/5t.png"></a></center>
<center><a href="#" onclick="javascript:location.href='https://talk.naver.com/wcbnzx?ref='+encodeURIComponent
(location.href)+'#nafullscreen'" ><img src="http://todaybank.co.kr/images/new/6t.png" width="116"
height="100"></a></center>
<img src="/images/new/quick_line1.png">
<img src="/images/new/quick_line1.png">
<img src="/images/new/quick_line1.png">
<img src="/images/new/quick_line1.png">
</div>
</div>
위가 소스고 css는
/**** 퀵메뉴 ****/
#Quick {position:absolute;top:145px;left:50%;margin-left:550px; width:150px; background:url(../images/new/qprud.png) top left no-repeat;}
.quick_levels{position:relative; height:215px; background:URL(../images/new/quick_ban01.png) top left no-repeat;}/*background:#ffdf59;*/
.quick_levels ul{}
.quick_levels ul li{margin-left:65px; color:#fff; font-size:12px; font-weight:700;}
.quick_levels .lev_bg{background:URL(../images/levels_bg.png) top center no-repeat; height:25px; color:#000; font-size:14px; font-weight:700;}
.quick_margin {margin-bottom: 10px;}
입니다
마우스를 따라 내려오게 하고싶은데 어떻게 해야할까요??
답변 1
<style>
#Quick {position:absolute;top:145px;left:50%;margin-left:550px; width:150px; background:url(../images/new/qprud.png) top left no-repeat;}
/* 포지션을 absolute --> fixed로 고쳐보세요 */
#Quick {position:fixed;top:145px;left:50%;margin-left:550px; width:150px; background:url(../images/new/qprud.png) top left no-repeat;}
</style>