Question

我在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 ---------------------------------------- menu * / < / p>

Answer 1

您已在此条目中将文字颜色设置为白色：

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

“color：”指文本颜色，而不是背景颜色。

HTML Wordpress菜单 - 悬停删除文字？

1 个答案: