반응형
고정된 위치에 따라다니는 레이어
http://www.adp-gmbh.ch/web/css/expression.html
<div id="gotopButton" style="position: absolute;left:950px;z-index: 500;top:expression(parseInt( document.body.scrollTop)+500);">
본비비에서처럼 자연스럽게 한곳에 있게 하려면 상단에 public ... 이 부분이 정의 되어있어야 하는대
그럼 다른 태그들도 표준을 따라야 한다
따라서 일반적으로 표준을 따르지 않은 코딩은 많은 부분을 수정해야만 한다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<style type="text/css">
#gotopButton {
position: fixed;
top: 0px;
left: 50%;
margin: 0 0 0 440px;
z-index: 500;
}
#gotopButton1 {
position: fixed;
bottom: 0px;
left: 50%;
margin: 0 0 0 440px;
z-index: 500;
}
</style>
<div id="gotopButton">
<p><a href="#top"><img src="/images/common/topButton.gif" alt="top"></a></p>
</div>
<div id="gotopButton1">
<p><a href="#top"><img src="/images/common/topButton.gif" alt="top"></a></p>
</div>
http://www.adp-gmbh.ch/web/css/expression.html
<div id="gotopButton" style="position: absolute;left:950px;z-index: 500;top:expression(parseInt( document.body.scrollTop)+500);">
본비비에서처럼 자연스럽게 한곳에 있게 하려면 상단에 public ... 이 부분이 정의 되어있어야 하는대
그럼 다른 태그들도 표준을 따라야 한다
따라서 일반적으로 표준을 따르지 않은 코딩은 많은 부분을 수정해야만 한다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<style type="text/css">
#gotopButton {
position: fixed;
top: 0px;
left: 50%;
margin: 0 0 0 440px;
z-index: 500;
}
#gotopButton1 {
position: fixed;
bottom: 0px;
left: 50%;
margin: 0 0 0 440px;
z-index: 500;
}
</style>
<div id="gotopButton">
<p><a href="#top"><img src="/images/common/topButton.gif" alt="top"></a></p>
</div>
<div id="gotopButton1">
<p><a href="#top"><img src="/images/common/topButton.gif" alt="top"></a></p>
</div>
반응형
'Story > html/css' 카테고리의 다른 글
| css 를 이용한 tab 메뉴 (0) | 2011.11.15 |
|---|---|
| span 의 폭을 일정하게 만들어줄때 ie 에선 적용되나 mozila 계열에서 안될경우 (0) | 2011.11.15 |
| 미디어 플레이어에서 버퍼링시 이미지 보여주기 (0) | 2011.11.15 |
| 텍스트 박스에 입력시 자동완성 기능 없애기 (0) | 2011.11.15 |
| 마우스 오버시 변하는 스타일시트 (0) | 2011.11.15 |