login register Sysop! about ME  

2018년 08월 28일 11시 34분 00초,     조회수 : 743
  제목 : 드롭다운 메뉴가 슬라이스 배너 아래로 들어갑니다
SEQ : 164081 글쓴이 : qkrghdgl

작성 포맷 : TEXT 모드, 자동 줄바꿈 사용

  .middleMain .adMain .topRoom2 { width: 1200px; margin: 0 auto;}
  .middleMain .adMain .topRoom2 .topMenu { width: 1200px; height: 45px; display: table;}
  .middleMain .adMain .topRoom2 .topMenu ul{ list-style: none; width: 1000px; height: 45px; position: 
relative;}
  .middleMain .adMain .topRoom2 .topMenu ul li { float: left; width: 200px; height: 45px; line-height: 45px; 
text-align: center; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
  .middleMain .adMain .topRoom2 .topMenu ul li a { text-decoration: none; color: white; display: block; font-
size: 25px; font-weight: bold; }
  .middleMain .adMain .topRoom2 .topMenu ul li a:hover{ color: yellow; }
  .middleMain .adMain .topRoom2 .topMenu ul ul { display: none; position: absolute; }
  .middleMain .adMain .topRoom2 .topMenu ul ul li{float: none; background-color:red ; border-top: 1px solid 
#FFFFFF; }
  .middleMain .adMain .topRoom2 .topMenu ul li:hover >ul{display: block;}
  .middleMain .adMain .topRoom2 .topMenu ul li { float: left; }

이게 드롭 다운 메뉴의 코드인데

- - -옆으로 놔있는 드롭다운 메뉴에 마우스를 데면
- - -
  -
  -            이렇게 하단으로 내려오는건 정상인데

바로 아래에 있는 슬라시스 배너 뒤로 내려가서 보이지가 않습니다;;;

display나 position에 문제가 있는거 같은데 잘 모르겠습니다.

일단 슬라이스 배너를 날려보니, 하단에 그냥 그림이 들어 갈때는 정상적으로 나왔습니다.
슬라이스 배너가 잘못된나 해서 
다른 소스로된 슬라이스 배너로 실험해 보니, 또 하단으로 들어갑니다

그러니까
일반 그림 -> 드롭다운메뉴가 상위
슬라이스 배너 2종 -> 둘라 슬라이스 배너가 상위

ㅇㅅㅇ... 어떤 부분이 문제죠
슬라이스 배너의 코드도 올리고 싶은데. 그건 너무 길어서 어떻게해야할지;;;

  virgo75
  2018-08-28(14:59)
캐릭 이미지
z-index로 조절이 안되나요 ?? 둘다 div으로 할듯한데
  qkrghdgl
  2018-08-28(15:17)
캐릭 이미지
..z-index가 뭔가요
일단 드롭다운 메뉴 소스는 인터넷에서 찾은걸로 만든건데;;

  qkrghdgl
  2018-08-28(15:20)
캐릭 이미지
...w3school에서 찾아서

ul ul쪽에 z-index : 1; 넣으니까 드롭다운 메뉴가 상위로 올라옵니다

감사합니다

  virgo75
  2018-08-29(10:03)
캐릭 이미지
css만 있어서 머 대충 감이 와서 z-index 이야기 해드렸는데 간단히는 레이어간에 우선순
위를 준다고 아시면 되고, 개발하실때에는 어느정도는 HTML을 아셔야 편합니다. CSS도
마찬가지고요



제목 작성자 날짜 조회
드롭다운 메뉴가 슬라이스 배너 아래로 들어갑니다 (4) qkrghdgl 2018-08-28 743

 
 
.NET과 Java 동영상 기반의 교육사이트

로딩 중입니다...

서버 프레임워크 지원 : NeoDEEX
based on ASP.NET 3.5
Creative Commons License
{5}
{2} 읽음   :{3} ({4})