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

这适用于所有其他浏览器

这是我的工作网址 演示网站

请帮忙.....

Answer 1

编辑你的 CSS 并添加 float: left; 到你的#menu-home li元素：#menu-home li{ position:relative; float: left; } 。这样 Safari 将只给 LI 所需的空间。