HTML的WordPress的菜单 - 悬停删除文本？

我在wordpress中开发了一个网站，使用了一个叫做 - 餐厅的主题。由于某些原因，菜单行为异常，客户端无法查看。HTML的WordPress的菜单 - 悬停删除文本？

它认为这个问题与翻转位有关，你可以从下面的图片看到这是问题。

http://i40.tinypic.com/1z6dpja.jpg

奇怪的是，它正在对我所有的浏览器。

有任何建议。 x

/* begin ---------------------------------------- menu */ 


#mainmenu { 
position: absolute; 
z-index: 10; 
top: 81px; 
width: 100%; 
} 

#mainmenu .wrapper { 
position: relative; 
width: 990px; 
} 
#menu-bg { 
width: 990px; 
height: 53px; 
display: inline-block; 
background: url('images/menu_bg.png') no-repeat; 
} 

#menu-left { 
position: absolute; 
top: 4px; 
left: 0px; 
height: 15px; 
width: 15px; 
background-image: url(images/menu_left.png); 
background-repeat: no-repeat; 
} 

#menu-right { 
position: absolute; 
top: 4px; 
right: 0px; 
height: 15px; 
width: 15px; 
background-image: url(images/menu_right.png); 
background-repeat: no-repeat; 
} 

#menu-container { 
position: absolute; 
top: 4px; 
left: 15px; 
width: 960px; 
height: 43px; 
display: inline-block; 
background: url('images/patern_sharp.png'); 
float: left; 
border-top: #000 1px solid; 
border-bottom: 1px solid; 
} 

#mainmenu ul.menu { 
position: absolute; 
top: 0px; 
left: 150px; 
} 

#mainmenu .dropdown_arrow { 
height: 0px; 
width: 0px; 
position: absolute; 
top: 19px; 
right: 10px; 
border-color: #fff transparent transparent transparent; 
border-style: solid; 
border-width: 5px; 
} 

#mainmenu ul.menu li.has-sub-menu:hover .dropdown_arrow, #mainmenu ul.menu li.has-sub-  

menu.current-menu-item .dropdown_arrow, #mainmenu ul.menu li.has-sub-menu.current- 
menu- parent .dropdown_arrow { 
top: 21px; 
} 

#mainmenu ul.menu li { 
float: left; 
font-size: 14px; 
padding: 15px; 
margin: 0 3px; 
display: inline-block; 
position: relative; 
} 

#mainmenu ul.menu li.has-sub-menu { 
padding-right: 30px; 
} 

#mainmenu ul.menu li a { 
color: #fff; 
} 

#mainmenu ul.menu li:hover, #mainmenu ul.menu li.current-menu-item, #mainmenu ul.menu 
li.current-menu-parent{ 
background: #fff; 
padding: 17px 14px 18px 14px; 
margin: -3px 3px 0 3px; 
border-top: #dedede 1px solid; 
border-right: #dedede 1px solid; 
border-left: #dedede 1px solid; 
} 

#mainmenu ul.menu li.has-sub-menu:hover, #mainmenu ul.menu li.has-sub-menu.current- 
menu-item, #mainmenu ul.menu li.has-sub-menu.current-menu-parent { 
padding-right: 29px; 
} 

#mainmenu ul.menu li.has-sub-menu:hover { 
padding-bottom: 24px; 
} 

#mainmenu ul.menu li ul.sub-menu { 
position: absolute; 
width: auto; 
top: 55px; left: -1px; 
background: #fff; 
display: none; 
padding: 10px 0; 
border-right: #dedede 1px solid; 
6border-bottom: #dedede 1px solid; 
border-left: #dedede 1px solid; 
    } 

#mainmenu ul.menu li:hover ul.sub-menu { 
display: inline-block; 
    } 

#mainmenu ul.menu li ul.sub-menu li { 
clear: both; 
height: auto; 
width: 200px; 
padding: 10px 15px; 
margin: 0; 
border: 0; 
display: block; 
    } 

#mainmenu ul.menu li ul.sub-menu li.current-menu-item, #mainmenu ul.menu li ul.sub-menu   
li:hover { 
padding: 10px 15px; 
margin: 0; 
border: 0; 
background: #eee; 
} 

#mainmenu ul.menu li:hover ul.sub-menu li a, #mainmenu ul.menu li ul.sub-menu li a { 
padding: 0 10px 0 0; 
display: block; 
font-size: 13px; 
height: auto; 
} 

#mainmenu ul.menu li a:hover, #mainmenu ul.menu li ul.sub-menu li a:hover { 
text-decoration: none; 
}

/* end --------------------------------------- - 菜单*/

来源

2012-02-11 Tom Heather

我们需要html和/或链接到网站。 – elclanrs 2012-02-11 19:09:37

就像@elclanrs说。你期望看到什么？您的客户是否清除了他的缓存？ – Richard 2012-02-11 19:19:53

你已经设置的文本颜色为白色此项：

#mainmenu ul.menu li a { 
color: #fff; 
}

“色”是指文本颜色，背景没有色彩。

来源

2012-02-11 19:35:23 jhilgert00

HTML的WordPress的菜单 - 悬停删除文本？

回答

相关问题