Question

IE6 里面 map area标签里 z-index属性不起作用

详细请看：
<map name="m_earring"><area shape="rect" coords="0, 0, 200, 47" href="m-4-earrings.aspx" onmouseout="MM_startTimeout();"

onmouseover="MM_showMenu

(window.mm_menu_0012457001_9,0,28,null,'earring');" style="z-index:100;" ></map><img name="earring"

src="skins/Skin_1/images/earrings.gif" border="0"

usemap="#m_earring" alt="Fashion Earrings" width="159" height="28"></img>

<select name="variants" onchange="SetCartVariant(this.value)"><option value="2999" selected="selected">Size-OneSize - Price: $25.99 (USD) </option></select>

每一段是页面头部导航栏菜单的一个下拉菜单。
因为我的页面内容中有第二段<select>标签
在IE6中我的导航栏菜单的下拉子菜单张开时，被下面的select框遮住了
其它浏览器中就没有问题！

把area 里面设置了 style="z-index:100;"
把select在CSS里面设置了z-index:0
为什麼area还是被select遮住了
请问朋友们这个问题能用CSS解决吗？或者有其它办法吗？
“每一段” 应该是“第一段”
写错了，真不好意思，麻烦朋友们了。
mjmch 我也不想用IE6啊，客户需求呀！

可能说得太复杂了
其实意思也就是：
在用层<map>制作下拉菜单的时候，发现页面中的<select></select>框会将下拉菜单的部分遮住，如何将<select></select>放在显示的最底层？

相信有朋友应该遇到过这样的问题，朋友们救救我吧！ 多谢了!

gzzhiyi 你好！
对於这个问题
我想请教一下你
根据你说的我下载了插件：jquery.bgiframe.js
在网上查了用了这一段：<script type="text/javascript">
$(document).ready(function() {
$('#ring_iframe').bgiframe();
});
</script>
还是不能解决问题！
因为我的下拉菜单是在area里面的，所以我在area里面加了id="ring_iframe"
我把ring_iframe这个id换成 整个菜单的总div的id="headmenu"也不可以

请问 这种问题你是怎麼解决的啊？麻烦你了哦！

Answer 1

z-index 这个属性不会作用于窗口控件，如 select 对象
比如：
定位元素A（z-index:100）里面有定位元素A1（z-index:300），
而定位元素B和元素A兄弟关系（z-index:200）。
你会发现无论A1的z-index是多大，也会被z-index是200的B所覆盖，
因为A的z-index只有100

Answer 2

select在ie6里一直存在这个bug，不过你只要用jquery的bgiFrame插件就能轻松解决这个问题

Answer 3

IE9马上要上市了,还用IE6?升级吧！

Answer 4

你用ul---li ,也可以呀，