일부 티스토리 블로그에 보면 나오는 상단에 고정되어서 스크롤을 내려도 항상 동일한 위치에 존재하는 메뉴바 만들기
사용법)
#menubar
{
top : 0px;
left : 0px;
position : fixed;
z-index : 999;
}
top, left 위치 지정 - 레이어의 위치 지정
position : fixed; - 위치 고정
z-index : 999; - 레이어의 높이, 다른 레이어 보다 높은 곳에 있어야 가려 지지 않음
<html>
<head>
</head>
<body>
<style type="text/css">
#fixposition
{
top : 0px;
left : 0px;
position : fixed;
z-index : 999;
}
</style>
<div id="fixposition">fixed meun Bar</div>
</body>
</html>
'컴퓨터 > HTML' 카테고리의 다른 글
| 레이어 속성 정리 - div, span [정리중] (0) | 2017.06.07 |
|---|---|
| 티스토리 글상자 크기 조절 및 가운데정렬하기 (0) | 2017.05.31 |
| id, class 차이점 (0) | 2017.05.27 |
| 티스토리 스킨을 만들자 (0) | 2017.05.25 |
mathslove
여러가지 잡다한 이야기