<div class="aside_quick">
<strong class="ir_pm">Quick Menu</strong>
<ul class="list_quickmenu ir_pm">
<li><a href="#Event01" class="link_quick link_event01">EVENT 01</a></li>
<li><a href="#Event02" class="link_quick link_event02">EVENT 02</a></li>
<li><a href="#Event03" class="link_quick link_event03">EVENT 03</a></li>
</ul>
</div>
.aside_quick {position:fixed;top:450px;left:50%;width:110px;height:132px;margin-left:490px;background:url(http://i1.daumcdn.net/img-contents/event/promotion/130225_rfonline/img_quick_v1.png) 0 0 no-repeat}
.list_quickmenu {padding:48px 15px 0 15px}
.list_quickmenu li {margin-bottom:3px;}
.list_quickmenu .link_quick {display:block;height:22px;width:80px}
.link_quick:hover {background:url(http://i1.daumcdn.net/img-contents/event/promotion/130225_rfonline/img_quick_v1.png) 0 0 no-repeat}
.link_event01:hover {background-position:-5px -151px}
.link_event02:hover {background-position:-5px -176px}
.link_event03:hover {background-position:-5px -201px}
'css' 카테고리의 다른 글
CSS height 100% 잡는법 (0) | 2014.05.20 |
---|---|
자간, 줄간격 조정 (0) | 2014.03.30 |
IE7 레이어 버그 (0) | 2013.01.24 |
clear:both (0) | 2012.05.09 |
word-break (0) | 2012.05.09 |