|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
請教高手,急!!!
我的下拉菜單被下拉框截掉了,怎麼才能避免呢?
[img]http://pic5.album.tom.com/album_pic/2004/3/4/1078381886_68956.jpg?%75%4f%6a%4a%6b%71%4f%78%67%70[/img] |
當懸停在菜單條上時,隱藏select,用一個input 代替. |
謝謝,可這樣做很勉強啊
這也不是辦法呀,有大量的東西要處理的時候會很麻煩,有沒有好的辦法? |
下拉菜單不做成透明的! |
用隱藏已經是上上策了,不相信你可以問下還有沒有其他更好的辦法. |
這好像和透不透明沒有關係 |
怎麼隱藏呢?下拉菜單劃過的時候select能捕捉到這個事件嗎?麻煩yexj00能費心說詳細點,感激不盡!! |
用<td>的onMouseOver事件 |
其實這一直都是個辣手的問題!
...................... |
我的解決方案有些偷巧了,我把上邊的菜單的順序跳了一下,剛好錯過去了,呵呵,權宜之計啊,有了更好的辦法在告訴大家,也希望大家再想想好的解決辦法:) |
老問題了,也早已有解決方案了
在層中加入一個和層相同大小的<Iframe>就可以了。
<DIV>
<!--//原來的內容//-->
<IFRAME width="100%" height="100%" style="position:absolute; top:0px; z-index:-1; border-style:none;"></IFRAME>
</DIV>
這個方法對於透明的或外形不規則的層無效。原因很簡單,<IFRAME>是方的,最大的應用我想就是菜單了。用這種方法,再也不會出現菜單被列表破壞的尷尬了。^_^
聲明:這代碼和用法純屬轉載,並百我原創 |
[html]<HTML><HEAD><TITLE>如何蓋住(下拉列表框) Select ?</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=gb2312"></HEAD>
<BODY text="#000000" bgcolor="#ffffff">
<div style="font:14;width:60;color:white;background:black;padding:4"
onmouseover="menu1.style.display=''" onmouseout="menu1.style.display='none'">
菜單 </div><br>
<OBJECT id=menu1 style="display:none;z-index:1000; position:absolute; top:40; left:7; width:152; height: 200;" type="text/x-scriptlet" data="about:<div style='position:absolute;left:0;top:0;width:152;height:200;font:14;color:white;background:black;border:1 solid black'>
<div>菜單1</div><div>菜單2</div><div>菜單3</div><div>菜單4</div><div>菜單5</div><div>菜單6</div><div>菜單7</div></div>" onmouseover="menu1.style.display=''" onmouseout="menu1.style.display='none'"></OBJECT>
<SELECT name="select">
<OPTION value="fdsa" selected>fdsgdsfgdsfgdfgdsgdsfgdsgdsa</OPTION>
</SELECT><br><iframe></iframe>
</BODY></HTML>
[/html] |
|