MENU 被 select 挡住,怎么办? 大家帮忙.

MENU 被 select 挡住,怎么办?

<html>
<head>
<title>心情故事</title>
</head>
<body background=http://home.kimo.com.tw/ayating2222/sky2.gif

bgproperties="fixed">

<script language="JavaScript1.2" src="coolmenu.js">
/*
Copyright (c) 1999 Thomas Brattli (www.bratta.com)

eXperience DHTML coolMenus - Get it at www.bratta.com
Version 2.0
This script can be used freely as long as all copyright messages are
intact. Visit www.bratta.com/dhtml for the latest version of the script.

These are the varibles you have to set to customize the menu.
*/
</script>
<script>

/*
Variables to set.

Remember that to set fontsize and fonttype you set that in the stylesheet
above!
*/
oMenu=new menuObj('oMenu')

oMenu.clMain='padding:5px;font-size:9pt'
oMenu.clSub='padding:5px;font-size:9pt'
oMenu.clAMain='text-decoration:none; color:#3399ff'
oMenu.clASub='text-decoration:none; color:#000000'

oMenu.backgroundbar=1
oMenu.backgroundbarfromleft=20
oMenu.backgroundbarfromtop=60
oMenu.backgroundbarsize=320
oMenu.backgroundbarcolor="white"

oMenu.mainheight=20
oMenu.mainwidth=70

oMenu.subheight=20
oMenu.subwidth=60

oMenu.makeStyle()

oMenu.subplacement=oMenu.mainwidth

oMenu.mainbgcoloroff='#ffffff'
oMenu.mainbgcoloron='#ebebeb'
oMenu.subbgcoloroff='#ebebeb'
oMenu.subbgcoloron='#e0c070'
oMenu.subsubbgcoloroff='red'
oMenu.subsubbgcoloron='#ffffff'
oMenu.stayoncolor=1

oMenu.menuspeed=50
oMenu.menusubspeed=50

oMenu.menurows=0

oMenu.menueventon="mouse"
oMenu.menueventoff="mouse"

oMenu.menuplacement=new Array(50,75)

oMenu.pxbetween=0

oMenu.fromleft="10"

oMenu.fromtop="0"

/*Construct your menus below*/

oMenu.makeMain(0,'主選單','0.html','main')

oMenu.makeMain(1,'主選單',0)
oMenu.makeSub(1,0,'次選單一','1.htm1'',4,'main')
oMenu.makeSub(1,1,'次選單二','2.html',4,'main')
oMenu.makeSub(1,2,'次選單三','3.html',4,'main')
oMenu.makeSub(1,3,'次選單四','4.html',4,'main')

/*End menu construction*/
oMenu.construct()
</script>


</body>
</html>

12 个解决方案

#1

最简单的办法！！！显示Menu的之前，隐藏Select

最好的办法，加一个Iframe，在Iframe中显示Menu

因为Select的优先级别是最高的！！一般的页面对象都在其之下1！

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

Lion技术文章站
http://www.mysharespace.cn
小站初起，请多关照！！

#2

1楼说的对，select的优先级很高，用Inframe就可以干掉他，这叫一物降一物。

#3

看看这里是怎么覆盖select的

#4



function sohAllSelect(opt) {

	var allSelect = document.getElementsByTabName("select");

	if (opt == "show") {

		for (var i=0; i<allSelect.length; i++) {

			allSelect[i].style.visibility = "hidden";

		}

	} else if (opt == "hide") {

		allSelect[i].style.visibility = "visible";

	}

}

#5

1.IE6会有这样的问题 Select, Iframe都是模态控件它们的层次系统默认就高于其他控件导致设置Z-index无效
解决方法：菜单中加入Iframe对象并把透明设为0 来覆盖SELECT（Iframe zIndex必须大于Select）；

2.IE7以解决该问题 DIV直接设置Z-Index可以覆盖 Select

#6

我这个效果里面也用了iframe铺底,参考
http://hansir.cn/blog/2008/20081106-38.html

#7

先弹出个IFRAME在DIV要弹出的位置. 再弹出DIV就行了
IE8 连Z INDEX 都不用...

#8

#9

汗！！都在说的什么哦？
怎么扯上iframe了？

#10

在ie6时使用一个透明的iframe作为div的底，这样可以遮盖住select

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html;charset=gb2312" />

</head>

<body style="margin:0px">

<input type="button" onclick="Show()" value="显示遮盖层" />

<br/><br/><br/><br/>

<select><option>11111111</option></select>

<table border='1' id='tb'>

<tr><td>8</td><td>9</td><td>10</td><td>11</td></tr>

<tr><td>12</td><td>13</td><td>14</td><td>15</td></tr>

<tr><td>16</td><td>17</td><td>18</td><td>19</td></tr>

<tr><td>20</td><td>21</td><td>22</td><td>23</td></tr>

<tr><td>24</td><td>&nbsp;</td><td><select><option>11111111</option></select></td><td>&nbsp;</td></tr>

</table>

<br /><select><option>11111111</option></select>

<iframe src="about:blank"></iframe><select><option>11111111</option></select>

<div id="divMark" style="position:absolute;left:0px;top:0px;width:100%;height:100%;filter:alpha(opacity=70);opacity:0.7;display:none;background-


color:#333333;z-index:100;"><!--使用透明iframe作为底-->

<iframe src="login.htm" style="position:absolute; visibility:inherit;top:0px; left:0px; width:100%; height:100%; z-index:-1;filter='alpha


(style=0,opacity=0)';"></iframe>

</div>

<script>

function Show(){

  document.getElementById('divMark').style.display="block";

}

</script>

</body>

</html>

#11

请大家帮忙看 http://topic.csdn.net/u/20081125/17/9261c0e6-f57f-4b88-b7bc-e4123e1d1c4e.html
MENU 被 select 挡住,就是用iframe的方法解决的。
谢谢大家！！！

#12

原理很简单啦，在显示MENU是，将挡住的select大的visibility 属性设置为hidden即可

#1

#2