0

私はこのサイトhttp://zap3d.comで作業していますが、ブラウザウィンドウメニューの背景のサイズを変更すると、トップメニューバーに問題が発生します。

助けてください。

私はこのcssをトップメニューに使用します：-

 .nav_bar {
    float: right;
    width: 100%;
    background: url(/content/img/top-menu-bg.gif);
    height: 30px;
    background-size: contain;
    }
.cen_div {
width: 1000px;
margin: 0 auto;
}
.nav_bar .nav {
list-style: none outside none;
float: right;
margin: 0;
padding: 0 0 0 20px;
position: relative;
}
.nav_bar .nav li {
float: left;
margin: 3px 7px;
}

およびhtml：-

<div class="nav_bar">
    <div class="cen_div">
        <ul class="nav">
            <li><a href="/Home/Index">Home</a></li>
            <li><a href="/Account/Registration/">Sign Up</a></li>   
        </ul>
    </div>
</div>
4

2 に答える 2

1

min-width: 1040px;オンにして、小さなウィンドウでそれを可能にする必要があり bodyます。nav_bar

于 2013-01-24T06:42:36.680 に答える
0

あなたはただ背景を繰り返す必要があります：

.nav_bar {
    ....
    background: url(/content/img/top-menu-bg.gif) repeat-x ;
    ...
}
于 2013-01-24T06:15:37.713 に答える