ブロック位置要素がクロムで機能しない

Question

私はCSSの初心者で、絶対位置メニューを作成しようとしています。 Firefoxではうまく動作しますが、クロムでは、ページをリフレッシュして機能させる必要があります。

www.gadgetcote.com/bangda

これは、ヘッダとコンテンツのラッパーのCSSです：

#headerWrapper{ 
    display:block; 
    height:150px; 
    width: 100%; 
    padding-top:20px; 
    position:fixed; 
    top:0; 
    left:0; 
    right:0; 
    z-index:999999; 
    background:url(../images/body-bg.png) no-repeat center top #0066ff; 
} 

#contentWrapper{ 
    margin-top: 125px; 
    padding-bottom:32px; 
    padding-top: 100px; 
} 

私はクロームでそれを開くと、それは右の画面を表示しません。誰でもこれについて、またはこれを正しく行う方法について何か考えていますか？多くのありがとう

Answer 1

位置の問題が原因である可能性があります。

position:fixed; 

あなたのサイトへのリンクを教えていただけますか？私は問題を理解することができません。私はHTMLと完全なCSSコードをチェックする必要があります。

Answer 2

実際には、twitterのような固定メニューバーが必要です。これを実現するには、単にtwitterブートストラップを使用してください。 http://twitter.github.com/bootstrap/#navigation使いやすいです。固定メニューが組み込まれています。また、あなたのウェブサイトに良いと標準的なスタイルを得るでしょう。 CSSリンク

を使用するか、bootstrap.cssファイルをダウンロードして使用してください。そして、あなたはCSSについて心配する必要はありません！

Answer 3

"しかし、クロムで、私はそれを動作させるためにページをリフレッシュする必要があります。

クロムには、CSSをキャッシュに保存するのが好きです。その場合、ページを更新するか、キャッシュを消去してください（[ツール]> [ブラウズデータの消去]> [キャッシュを空にする]）、それを修正します。