0

だから私の問題は、ページ幅全体の距離を賢くするためにナビゲーションバーの背景画像が必要なことです。ここにフィドルがあります：http：//jsfiddle.net/faytAlvein/FDVby/4/ ナビゲーションの下の黒はそれを無視して問題ありません。背景画像が違うので、オリジナルにはありません。幅だけが問題です。ウィンドウサイズに関係なく、ページを100％拡大縮小する必要があります。それが役立つ場合、実際の背景画像は1145x144です。

    <div id="navbar" >
        <div id="links" >
            <a href="thisindexpage.php" class="navLink" >Home</a>
            <a href="aboutUs.html" class="navLink" >About Us</a>
        </div>
    </div>​

navbar.css

#navbar
{
background-image: url('../images/nav.png');
background-repeat: no-repeat;
background-color: black;
}

#links
{
font-size: 20px;
font-family: helvetica;
padding-top: 25px;
padding-bottom: 94px;
margin-left: 150px;
}
4

2 に答える 2

0

プロパティを使用して、背景画像を 100% に「引き伸ばす」ことができbackground-sizeます。

background-size: 100%;

あなたのCSS:

#navbar {
   background-image: url('../images/nav.png');
   background-repeat: no-repeat;
   background-color: black;
   background-size: 100%;
}

http://jsfiddle.net/FDVby/7/

于 2012-12-12T20:44:10.957 に答える
0

background-size プロパティを使用する ドキュメントは次のとおりです: https://developer.mozilla.org/en-US/docs/CSS/background-size

于 2012-12-12T20:45:03.027 に答える