묻고답하기
영상 실행시 메뉴바가 영상 뒤쪽으로 가려지는 문제 해결책좀 ^^
2010.09.11 23:37
레이아웃은 기존 xe_SunooDMv2.0 사용중이고 메뉴바도 기본 탑재된것으로 사용합니다. 그런데 동영상을 실행하면 드롭다운한 메뉴바가 영상 뒤쪽으로 가려지는 문제가 발생됩니다.어떻게 앞쪽으로 메뉴바를 보여지겠금 하는지 지금 별수를 못내고 있습니다.문의 게시판을 찾아봐도 별 뽀족한 방법도 없고 해서 이렇게 글 올립니다.어느파일에서 어떻게 수정을 해야되는지 부탁좀 드립니다.
기본 메뉴 소스인데요 여기서 손봐야 되는지 아님 다른 어떤 파일에서 손을 봐야 되는지........................????????
<!--- 메인메뉴 시작 --->
<div id="mainMenu_line">
<table class="tMenu" border="0" cellspacing="0" cellpadding="0"><tr>
<td class="td1" > </td>
<td class="td2" > </td>
<td class="td3">
<div id="mainMenu">
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> {@ $menu_1 = $val }
<div class="Mmenu">
<li <!--@if($val['selected'])--> class="on" <!--@end-->>
<a href="{$val['href']}" <!--@if($menu_1['list'])--> onmouseover="show('menu_{$mn1}');" onmouseout="hide('menu_{$mn1}');" <!--@end-->
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<table id="menu_{$mn1}" onmouseover="show('menu_{$mn1}');" onmouseout="hide('menu_{$mn1}');"><tr><td>
<!--@foreach($menu_1['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_2 = $val}
<a href="{$val['href']}" <!--@if($menu_2['list'])--> onmouseover="show('menu2_{$mn2}')" onmouseout="hide('menu2_{$mn2}');" <!--@end-->
<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;" <!--@end-->>{$val['link']}
<!--@if($menu_2['list'])--><img src="./images/{$layout_info->colorset}/arrow.gif" class="arrow" /></a>
<div class="Smenu">
<table id="menu2_{$mn2}" onmouseover="show('menu2_{$mn2}');" onmouseout="hide('menu2_{$mn2}');"><tr><td>
<!--@foreach($menu_2['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_3 = $val}
<a href="{$val['href']}" <!--@if($menu_3['list'])--> onmouseover="show('menu3_{$mn3}');" onmouseout="hide('menu3_{$mn3}');" <!--@end-->
<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;" <!--@end-->>{$val['link']}
<!--@if($menu_3['list'])--><img src="./images/{$layout_info->colorset}/arrow.gif" class="arrow" /></a>
<div class="Smenu">
<table id="menu3_{$mn3}" onmouseover="show('menu3_{$mn3}');" onmouseout="hide('menu3_{$mn3}');"><tr><td>
<!--@foreach($menu_3['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_4 = $val}
<a href="{$val['href']}" <!--@if($menu_4['list'])--> onmouseover="show('menu4_{$mn4}');" onmouseout="hide('menu4_{$mn4}');" <!--@end-->
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a>
{@$mn4++} <!--@end--><!--@end--></td></tr></table></div>
<!--@else--></a><!--@end-->
{@$mn3++} <!--@end--><!--@end--></td></tr></table></div>
<!--@else--></a><!--@end-->
{@$mn2++} <!--@end--><!--@end--></td></tr></table></div>
{@$mn1++} <!--@end--><!--@end--></div> </td></tr></table>
</div><!--- mainMenu_line 끝 --->
기본 메뉴 소스인데요 여기서 손봐야 되는지 아님 다른 어떤 파일에서 손을 봐야 되는지........................????????
<!--- 메인메뉴 시작 --->
<div id="mainMenu_line">
<table class="tMenu" border="0" cellspacing="0" cellpadding="0"><tr>
<td class="td1" > </td>
<td class="td2" > </td>
<td class="td3">
<div id="mainMenu">
<!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> {@ $menu_1 = $val }
<div class="Mmenu">
<li <!--@if($val['selected'])--> class="on" <!--@end-->>
<a href="{$val['href']}" <!--@if($menu_1['list'])--> onmouseover="show('menu_{$mn1}');" onmouseout="hide('menu_{$mn1}');" <!--@end-->
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
<table id="menu_{$mn1}" onmouseover="show('menu_{$mn1}');" onmouseout="hide('menu_{$mn1}');"><tr><td>
<!--@foreach($menu_1['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_2 = $val}
<a href="{$val['href']}" <!--@if($menu_2['list'])--> onmouseover="show('menu2_{$mn2}')" onmouseout="hide('menu2_{$mn2}');" <!--@end-->
<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;" <!--@end-->>{$val['link']}
<!--@if($menu_2['list'])--><img src="./images/{$layout_info->colorset}/arrow.gif" class="arrow" /></a>
<div class="Smenu">
<table id="menu2_{$mn2}" onmouseover="show('menu2_{$mn2}');" onmouseout="hide('menu2_{$mn2}');"><tr><td>
<!--@foreach($menu_2['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_3 = $val}
<a href="{$val['href']}" <!--@if($menu_3['list'])--> onmouseover="show('menu3_{$mn3}');" onmouseout="hide('menu3_{$mn3}');" <!--@end-->
<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;" <!--@end-->>{$val['link']}
<!--@if($menu_3['list'])--><img src="./images/{$layout_info->colorset}/arrow.gif" class="arrow" /></a>
<div class="Smenu">
<table id="menu3_{$mn3}" onmouseover="show('menu3_{$mn3}');" onmouseout="hide('menu3_{$mn3}');"><tr><td>
<!--@foreach($menu_3['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_4 = $val}
<a href="{$val['href']}" <!--@if($menu_4['list'])--> onmouseover="show('menu4_{$mn4}');" onmouseout="hide('menu4_{$mn4}');" <!--@end-->
<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a>
{@$mn4++} <!--@end--><!--@end--></td></tr></table></div>
<!--@else--></a><!--@end-->
{@$mn3++} <!--@end--><!--@end--></td></tr></table></div>
<!--@else--></a><!--@end-->
{@$mn2++} <!--@end--><!--@end--></td></tr></table></div>
{@$mn1++} <!--@end--><!--@end--></div> </td></tr></table>
</div><!--- mainMenu_line 끝 --->
댓글 2
-
ForHanbi
2010.09.12 09:13
-
천공귀제
2010.09.13 11:50
소스를 올립니다. 한번 봐주세요! -
quag
2010.11.08 21:44
문제의 키는 css화일에 있는 z-index값 입니다
z-index값이 높을수록 상위 레이어 특성을 갖게되는 특성이 있어요...
그러니까, 메뉴에 있는 z-index값이 위젯의(혹은 동영상) z-index값보다 낮은 값을 가지게 되면 메뉴가 위젯에 가려 나타나지 않습니다.
z-index값을 낮추어서 해결해 보세요.(동영상이 위젯으로 되어있지않아 css화일의 z-index값을 수정할 수없으면 메뉴의 z-index값을 찾아 값을 높여 보세요.)
포인트
<object classid....> <param name="wmode" value="transparent"> ... ... <embed ... wmode="transparent" ... /> </object>
위 예문처럼 포인트 부분을 신경쓰셔서 추가 하시면 될겁니다.
지금 테스트는 안해봤지만 과거에 사용해본 기억이 있는거 같아 될거 같습니다.