WordPress的wp_nav_menu在Safari中无法显示

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;} 

这适用于所有其他浏览器

这里是我的工作URL demo site

请帮助.....

Answer 1

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