globalface.egloos.com

:: Opencart.kr ::

포토로그 마이가든





플래시 배너가 드롭다운 메뉴를 가리는 문제 (IE) IT

쇼핑몰을 만들다보면 기본적인 스타일이 카테고리 네비게이션을 드롭다운 메뉴로 하고(혹은 탭방식) 그 밑에 대형 배너를 넣는 경우가 많다. 파이어폭스의 경우에는 문제가 없지만 IE의 경우에는 swf파일을 무조건 맨 위로(또는 iframe도 마찬가지) 정의하기 때문에 작업을 해주어야 한다.

인터넷을 뒤지면, 주로 셀렉트메뉴가 플래시를 뚫고 나오는 경우의 해결책들이 대부분인데, 레이어의 스타일값 중 z-index로 조정해서 해결을 할 수 있다고 한다.

문제는 순수 html 형식이 아닌, 오픈소스 쇼핑몰에서 주로 쓰는 템플릿파일, 패널, 스니펫 이런것들로 구성된 페이지에서는 왠지 잘 되지가 않았다.

오랜 시간의 구글링과 삽질끝에, 아래와 같은 형식으로 성공했다. 비슷한 고민을 하신분이라면 참고하시기 바랍니다.
(프레스타샵에 롤링배너 등 넣고, 수평 드롭다운 메뉴할 경우에도 마찬가지입니다.)

<object width="" height="높이" data="swf의 url" type="application/x-shockwave-flash">
<param name="data" value="swf의 url" />
<param name="base" value="swf,xml파일이 있는 도메인 이하 경로" />
<param name="src" value="swf의 url" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
</object>

틀린 부분이 있거나 위의 방식에 예상되는 문제가 있다면(웹표준, 검색엔진관련 등등) 알려주시면 대단히 감사하겠습니다.

공유하기 버튼

 

트랙백

이 글과 관련된 글 쓰기 (트랙백 보내기)
TrackbackURL : http://globalface.egloos.com/tb/2553269 [도움말]

덧글

  • 2011/12/28 03:45 # 삭제 답글

    아이프레임이 다운드롭메뉴(jQuery로 구현)를 가릴떄 어떻게 해야하나요..?
  • ㅇㅎ 2012/02/07 16:21 # 삭제 답글

    ㅋㅋㅋㅋ나도 똑같은 문제.
댓글 입력 영역

google