레이어로 테이블 작성할때요
#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년 전
잘되는군요 감사합니다. ㅎㅎ
게시판 목록
토크
개발과 관련된 어떤 얘기도 괜찮습니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3600 |
nature1235
|
10개월 전 | 437 | |
| 3599 |
swallow
|
2년 전 | 1347 | |
| 3598 |
swallow
|
2년 전 | 1193 | |
| 3597 |
swallow
|
2년 전 | 797 | |
| 3596 | 2년 전 | 1416 | ||
| 3595 | 2년 전 | 695 | ||
| 3594 | 2년 전 | 1413 | ||
| 3593 |
 빅데이터구트 |
3년 전 | 1237 | |
| 3592 |
빅데이터구트 |
3년 전 | 1571 | |
| 3591 |
빅데이터구트 |
3년 전 | 1485 | |
| 3590 |
빅데이터구트 |
3년 전 | 1438 | |
| 3589 |
빅데이터구트 |
3년 전 | 1239 | |
| 3588 |
빅데이터구트 |
3년 전 | 1224 | |
| 3587 |
빅데이터구트 |
4년 전 | 1139 | |
| 3586 |
빅데이터구트 |
4년 전 | 1372 | |
| 3585 |
빅데이터구트 |
4년 전 | 1294 | |
| 3584 |
빅데이터구트 |
4년 전 | 1038 | |
| 3583 |
Arm코리아
|
4년 전 | 1135 | |
| 3582 |
빅데이터구트 |
4년 전 | 1242 | |
| 3581 |
그누그누오 |
4년 전 | 2198 | |
| 3580 |
빅데이터구트 |
4년 전 | 1270 | |
| 3579 |
빅데이터구트 |
4년 전 | 1300 | |
| 3578 |
빅데이터구트 |
4년 전 | 1534 | |
| 3577 | 4년 전 | 1671 | ||
| 3576 |
빅데이터구트 |
4년 전 | 1662 | |
| 3575 |
빅데이터구트 |
4년 전 | 1672 | |
| 3574 |
빅데이터구트 |
4년 전 | 2092 | |
| 3573 |
빅데이터구트 |
4년 전 | 1549 | |
| 3572 |
빅데이터구트 |
4년 전 | 1535 | |
| 3571 |
빅데이터구트 |
4년 전 | 1614 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기