IE6에서 레이어 고정시키기 핵 (FixedLayerHack for IE6)


1. ??


블로그 왼쪽이나 오른쪽에 둥둥 떠다닐 레이어를 만들어 내기 위해서 사용

2. 사용 방법

  1. 블로그에 활용하기 위해서 우선 다음의 code를 style.css의 아무 위치에 삽입한다. 이 때 #aside의 속성값을 블로그에 맞게 수정해 준다. 

    * { margin:0; padding:0;}
html { _overflow:hidden;}
body{ _height:100%; _width:100%; _overflow:auto;}
#aside { position:fixed; _position:absolute; _z-index:-1; left:650px; top:20px; width:100px; height:300px; padding:10px; background:#dddddd;}

  1. 다음의 code를 </body>앞에 넣는다. 이 때 div 태그 내용은 알아서 수정한다. 

    <div id="aside">
<h2>Example</h2>
</div>

  • 예시 화면(http://naradesign.net/open_content/reference/fixedLayer/index.html)
Retrieved from http://memorecycle.com/w/FixedLayerHack for IE6
last modified 2016-03-04 23:10:23