웹 디자인/css

코스모스 2017. 8. 10. 12:57

 


<style>
/* 떠다니는 배너 (Floating Menu) */
#floatdiv {
    position; _position:absolute; _z-index:-1;
    width:160px; /* 가로폭 조절*/
    overflow:hidden;
    right:50%;
    top:17%; /* 이미지 높이 조절 */
    background-color: transparent;
    margin-right: -730px; /* 좌우측 여백 조절 */
    padding:0;
}#floatdiv ul  { list-style: none; }
#floatdiv li  { margin-bottom: 2px; text-align: center; }
#floatdiv a  { color: #5D5D5D; border: 0; text-decoration: none; display: block; }
#floatdiv a:hover, #floatdiv .menu  { background-color: #5D5D5D; color: #fff; }
#floatdiv .menu, #floatdiv .last    { margin-bottom: 0px; }
</style>
<div id="floatdiv">
<ul>
<a href='이미지 링크주소' target='_blank'>
<img src="이미지주소" /></a>
</ul>
</div>