쇼핑몰을 만들다보면 기본적인 스타일이 카테고리 네비게이션을 드롭다운 메뉴로 하고(혹은 탭방식) 그 밑에 대형 배너를 넣는 경우가 많다. 파이어폭스의 경우에는 문제가 없지만 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>
틀린 부분이 있거나 위의 방식에 예상되는 문제가 있다면(웹표준, 검색엔진관련 등등) 알려주시면 대단히 감사하겠습니다.
인터넷을 뒤지면, 주로 셀렉트메뉴가 플래시를 뚫고 나오는 경우의 해결책들이 대부분인데, 레이어의 스타일값 중 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>
틀린 부분이 있거나 위의 방식에 예상되는 문제가 있다면(웹표준, 검색엔진관련 등등) 알려주시면 대단히 감사하겠습니다.
공유하기 버튼
|
|


최근 덧글