Question

这是我的css

#menubar{position:absolute; width:100%; height:42px; background:url(images/menubar-bg.jpg); margin-top:112px; }
    #menu-home{width:80%; height:42px; margin:0 auto;}
    #menu-home li{position:relative;}
    #menu-home>li>a{float:left; text-decoration:none; color:#ffffff; font-family:arial; font-size:16px; font-weight:500;  padding:13px 2%; }
    #menu-home li.last-child{float:right; }
    #menu-home li.last-child a{padding:13px 0; color:#face30;}
    #menu-home .sub-menu{position:absolute; background:url(images/menu-hover-bg.jpg); width:100%; height:259px; top:0px; top:-220px; z-index:-1000;}

这适用于所有其他浏览器

这是我的工作网址 demo site

请帮助.....

Answer 1

编辑CSS并添加float：left;到＃menu-home li 元素：#menu-home li{ position:relative; float: left; } 。通过这种方式，Safari将只为LI提供所需的空间。

wordpress wp_nav_menu没有在safari中显示

1 个答案: