CSS 스타일 관련 질문 입니다.
게시판에서 제목을 클릭하면 레이어 팝업에 wr_content가 출력이 되게 했습니다.
문제는 게시판 제목줄에 맞춰서 레이어 팝업이 떳으면 좋겠지만...
1번 게시글이나 10번 게시글이나 똑같은 위치에 뜨게 되네요.
.white_content {
display: none;
width: 350px;
height: 70px;
position: absolute;
padding: 16px;
background: #ffffff;
border: 10px solid #ffa500;
}
.white_content:after, .white_content:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.white_content:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 10px;
top: 50%;
margin-top: -10px;
}
.white_content:before {
border-color: rgba(255, 165, 0, 0);
border-left-color: #ffa500;
border-width: 24px;
top: 50%;
margin-top: -24px;
}
흠...무슨 좋은 방법이 없을까요...?
문제는 게시판 제목줄에 맞춰서 레이어 팝업이 떳으면 좋겠지만...
1번 게시글이나 10번 게시글이나 똑같은 위치에 뜨게 되네요.
.white_content {
display: none;
width: 350px;
height: 70px;
position: absolute;
padding: 16px;
background: #ffffff;
border: 10px solid #ffa500;
}
.white_content:after, .white_content:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.white_content:after {
border-color: rgba(255, 255, 255, 0);
border-left-color: #ffffff;
border-width: 10px;
top: 50%;
margin-top: -10px;
}
.white_content:before {
border-color: rgba(255, 165, 0, 0);
border-left-color: #ffa500;
border-width: 24px;
top: 50%;
margin-top: -24px;
}
흠...무슨 좋은 방법이 없을까요...?
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
<div>레이어</div>
제목
</td>
table을 쓰셨든 div를 쓰셨든.. td css 속성에 position:relative 를 주셨는지 확인해보세요
모든 레이어가 같은 위에 뜨신다고 하는걸 보면 레이어와 제목을 감싸는 부모 엘리먼트 css 속성에 relative 가 안되어있을 수 있겠습니다.
그렇다면
.board_list td.subject . .white_content {
...
}
이런식으로 한번 도전해보겠습니다. 감사합니다.