티스토리 뷰
익스플로러에서 포지션 fixed가 안돼 어서 해매다가 찿은 자료.
ie 핵을 쓰긴 해야 하지만 잘대서 좋구나.
참고 링크 : http://naradesign.net/wp/2007/09/08/128/
css 만으로 구현
<h1> 난 고정하는 엘리먼트 입니다. </h1>
// 상단 잴 왼쪽 고정
h1{
position:fixed;
_position:absolute;
top:0;
_top:expression(eval(document.body.scrollTop));
left:0;
margin:0;
padding:0;
background:lime;
}
/* 하단에 고정
h1{
position:fixed;
_position:absolute;
bottom:0;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
background:red;
}
오른쪽 하단 12 간격 뛰고 위치 지정
h1 {
{
position:fixed;
_position:absolute;
bottom:20px;
_top:expression(eval(document.body.scrollTop+document.body.clientHeight-this.clientHeight)-12);
right:12px;
margin:0;
padding:0;
}
}
*/
'웹개발 > HTML&CSS' 카테고리의 다른 글
펌 ) 타도메인간 iframe 엑세스 제어 방법 (1) | 2013.04.23 |
---|---|
Float 클리어 하는 여러가지 방법 (0) | 2013.04.23 |
css3 , 트랜지션 애니메이션 예제 (0) | 2012.12.13 |
IE 버전 다른 스타일 적용하기 (0) | 2012.06.14 |
에디터플러스 젠코딩(zen coding) 활용하기 (0) | 2012.05.16 |
댓글