2010-07-15 84 views
0

我正在用wordpress開發web,並且它的子菜單有問題。問題是它不會在IE6上懸停顯示。我猜,css肯定有問題。有任何想法嗎?這可能需要JavaScript才能完成?IE6中的懸停子菜單

據我所知,問題是#access ul ul {display:none; }當我刪除它,它顯示allways子菜單..有沒有方法可以改變它的東西?

+0

代碼示例,請。 – johnwards 2010-07-15 13:36:02

+0

不與PHP相關,並作爲提示谷歌suckerfish-dropdowns。 – Gordon 2010-07-15 13:42:29

+0

[IE6懸停問題]的可能重複(http://stackoverflow.com/questions/2571073/ie6-hover-issue) – Gordon 2010-07-15 14:21:28

回答

0

都能跟得上它也不是沒有可能,至少在IE6中的JavaScript,你需要的JavaScript IE6 :(

這裏有一些方法供您選擇:

IE6 Hover Issue

+1

是否增加:懸停支持所有元素?根據文檔判斷,所有CSS3Pie都可以添加特定的CSS3特定聲明,其中:懸停不是。 – Gordon 2010-07-15 13:47:04

+0

@戈登:我不確定,但這裏有一些其他選項:http://stackoverflow.com/questions/2571073/ie6-hover-issue – Sarfraz 2010-07-15 13:54:43

+0

嗯,我知道還有其他選擇:)只是懷疑CSS3Pie作爲解。在旁註中,當你一次問自己同一個問題時,爲什麼沒有對這個問題進行關閉? – Gordon 2010-07-15 14:26:01

2

我的猜測,因爲我不IE6只支持:懸停僞類<a>標籤(只有a:hover才能在IE6中工作)

查看CSS Play,瞭解僅限CSS的下拉菜單示例。

0

我認爲這是可能的這個簡單的把戲(溢出高度技巧)。

需要注意的是:

  1. 的容器應該有真正的高度。
  2. 包裝應該有真正的高度和「位置:絕對」。
  3. 包裝的孩子應該有真正的身高和「位置:相對」。

包裝你的菜單是這樣的:

< div id="container" > 

< div id="menu_wrapper > 
    < div id="selector" >Computed Value</div > 
    < ul id="menu" > 
    <li>Predefined Value</li > 
    <li>Predefined Value</li > 
    <li>Predefined Value</li > 
    <ul> 
</div > 

</div > 

設置樣式:

<style> 
div#container{height:100%;} 
div#menu_wrapper{height:32px; position:absolute;} 
div#menu_wrapper:hover{height:100%;} 
div#selector{height:32px;clear:both;} 
ul#menu li{height:32px;} 
</style > 

享受)