레이어로 테이블 작성할때요
#1 { width:970px;border:1px solid;height:100px;text-align:center;font:20px bold;padding-top:35px;
background:#c8c8c8;}
#2 {height:600px;width:200px;float:left;border:1px solid;padding:10px 0 0 5px;font-size:15px;}
#3 {height:600px;width:400px;float:left;border:1px solid;padding:100px 5px 5px 5px;}
#4 {height:600px;width:400px;float:left;border:0px solid;padding:100px 5px 5px 5px;}
#5 { width:970px;border:1px solid;height:100px;text-align:center;font:20px bold;padding-top:35px; background:#c8c8c8;}
이런식으로 css 에서 정의했는데요.. 음 예를들어 1번과 2번을 조금씩 서로 겹치게 할려고 할때와, 같은 위치에서 맨위로 돌리고 싶을때 우선순위 정하는 방법을 좀 알고싶습니다.
아시는분 설명좀 부탁드립니다.
위에 정의된건 무시하고.. 새로 알려주셔도 감사합니다.
댓글 3개
17년 전
z-index 를 활용하면 될것같은데요? 숫자가 높으면 위로 나옵니다.(음수도 가능)
참고로 z-index는 position값이 있어야합니다. 아울러 플래시 위로 겹쳐서 레이어를 보이게 하실경우 아래처럼 플래시 속성이 투명해야합니다.
<param name="wmode" value="transparent" />
ex:
#ex { position:absolute; z-index:100; }
참고로 z-index는 position값이 있어야합니다. 아울러 플래시 위로 겹쳐서 레이어를 보이게 하실경우 아래처럼 플래시 속성이 투명해야합니다.
<param name="wmode" value="transparent" />
ex:
#ex { position:absolute; z-index:100; }
17년 전
#1{position:absolute;left:90px;top:29px;width:416px;height:187px;z-index:1;}
#2{position:absolute;left:90px;top:29px;width:416px;height:187px;z-index:2;}
#3{position:absolute;left:90px;top:29px;width:416px;height:187px;z-index:3;}
이런식으로 하면 된다는 말이군요 그럼
#2{position:absolute;left:90px;top:29px;width:416px;height:187px;z-index:2;}
#3{position:absolute;left:90px;top:29px;width:416px;height:187px;z-index:3;}
이런식으로 하면 된다는 말이군요 그럼
17년 전
잘되는군요 감사합니다. ㅎㅎ
게시판 목록
디자이너톡
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 70 |
Mentor
|
15년 전 | 816 | |
| 69 | 15년 전 | 740 | ||
| 68 |
|
15년 전 | 772 | |
| 67 |
|
15년 전 | 850 | |
| 66 | 15년 전 | 977 | ||
| 65 | 15년 전 | 1209 | ||
| 64 | 15년 전 | 1014 | ||
| 63 | 15년 전 | 2736 | ||
| 62 |
|
15년 전 | 879 | |
| 61 | 15년 전 | 952 | ||
| 60 | 15년 전 | 977 | ||
| 59 | 15년 전 | 1009 | ||
| 58 | 15년 전 | 938 | ||
| 57 | 15년 전 | 876 | ||
| 56 |
|
15년 전 | 1317 | |
| 55 |
storm1
|
15년 전 | 954 | |
| 54 |
Mentor
|
15년 전 | 1086 | |
| 53 | 15년 전 | 1070 | ||
| 52 |
|
15년 전 | 1277 | |
| 51 |
Mentor
|
15년 전 | 1398 | |
| 50 |
|
15년 전 | 1112 | |
| 49 | 15년 전 | 935 | ||
| 48 |
dreamtonext
|
15년 전 | 1080 | |
| 47 | 15년 전 | 1189 | ||
| 46 | 15년 전 | 1060 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기