질문이요 ㅜㅜ 채택완료
2쁘니
10년 전
조회 3,796
<div id="top_navi">
<p class="brand"><a href="../goods/goods_grp_03.php?&" class="catenavi">베스트100</a></p>
<p class="event" onmouseover="allbrand.style.display='block';this.src='../../img/common/ct_on_07.gif'" onmouseout="allbrand.style.display='none';this.src='../../img/common/ct_07.gif'" ><a class="catenavi">BRAND</a></p>
</div>
<!-- 브랜드 레이어 -->
<div style="clear:both; width:990px;text-align:center;z-index:10;position:relative;">
<div style="width:990px; margin:0 auto;">
<div id="allbrand" style="width:982; border:4px solid #ED1C24; height:300px; top:0; left:0; background:#ffffff; display:none;" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';" >
<div style="width:982px; height:250px; text-align:center;">
<div style="width:99%; margin:0 auto; height:30px; line-height:30px; font-weight:bold; color:#333333; padding:10px 0 0 0;"></P>
<P><table></P>
<P>★★★★마우스오버시나와야할내용★★★★ </P>
<P></table></P>
<P> </div>
</div>
</div>
</div>
</div>
크롬에서는 마우스 오버시
이미지위로 해당 테이블이 잘노출되는데
(겹쳐지게)
익스에서는 이미지를 아래로 밀어버리고
해당테이블이 나옵니다 ㅜㅜ
(안겹쳐지고 밑으로 밀어버림.,)
소스코드 뭐가잘못된건지 봐주세요 ㅜㅜ
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
10년 전
position:absolute; 를 레이어에 추가시켜서 단독적으로 화면에 뜨게 하세요.
위치조정은 top, left, right, bottom
예) style="position:absolute; top:20px; left:50px;"
그리고 상위 엘리먼트에 소속시키시려면
상위 엘리먼트(div등...)에 position:relative;
스펠링 맞나;;; 맞을꺼에요 아마 흠;;
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
N
NugKud
10년 전
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
position:relative; 가 선언된 상위 엘리먼트가 없다면
위치 설정이 도큐먼트 문서 전체를 기준으로 위치가 잡혀요.(x좌표, y좌표)(top,left ????)