背景画像は縦にクローム

Question

でCSSを伸ばし得ていない -

#header {  
    overflow: hidden; 
    background: url(images/header-bg.png) top repeat-x #FFFFFF;   
    position: relative;   
    border: none;   
    display: block; 
    height: 125px; 
    width:100%; 
} 

HTML -

ではなく、Chromeで -

<div id="header"> 
    <a href="http://localhost/" title="Dev" id="logo"><img src="images/logo.png" alt="" /></a> 
</div> 

これはFirefoxで良い作品： - （

画像がChromeで縦方向に伸びていません。

ヘルプ！

私はLinuxを使用しています。

編集：背景画像（50x112px） -

は、ここでそれをチェックアウト - http://movie-buffs.info/

Answer 1

ので、クロムは自動的に別のCSSファイルからのバックグラウンド・サイズを取ったあなたのコードは次のようになりますので、速記を退治してみてください。私は

背景サイズ入れ

：！自動オート重要。 #headerで

、

問題が消えていました。

ありがとうございました。

Answer 2

速記を使用すると、最後の引数に色#FFFFFFを配置され、バックグラウンドのために使用されています、それは最初にあるはずです。

/* background: url(images/header-bg.png) top repeat-x #FFFFFF; */ 
background-image: url(images/header-bg.png); 
background-repeat: repeat-x; 
background-color: #fff; 
background-position: top; 

短縮形順：

background-color, background-image, background-repeat, background-attachment, background-position