0

ここに私の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の デモサイトです

助けてください.....

4

1 に答える 1

0

CSS を編集して float: left; を追加します。#menu-home li要素に: #menu-home li{ position:relative; float: left; } . このようにして、Safari は LI に必要なスペースのみを提供します。

于 2012-08-06T11:38:21.443 に答える