0

私は（少なくとも私にとっては）不思議な css 背景画像の問題を抱えています。これは、Google Chrome でのみ発生します。同様のトピックを見つけましたが、それらとは異なり、ここでは Javascript や JQuery などは関係なく、純粋な CSS です。正常に機能していないだけです。

ページ www.bodrogietterem.hu を開くと、背景画像がコンテンツ領域全体の下にあるはずです (他のブラウザーと同様)。Chrome では、水平および垂直の白い領域が表示されます。

スクロールを開始すると、背景画像は問題なく表示され、それ以降はそこにとどまります。同様に、inspect 要素を使用して開発ツールを開くと、背景画像がすぐに表示され、そこにとどまります。

これは関連するcssです：

body.page-node-1  div#main{
background:#FFFFFF url('/sites/all/themes/bodrogietterem/images/bodrogi_bodrogi.jpg') bottom;
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 135px;
padding-bottom:0px;
margin-bottom:0px;
}

それがどのように見えるか、どのように見えるべきかについて2つのスクリーングラブを添付します（まあ、私は新しいユーザーとしてこれらを添付することは許可されていませんが、ここを見てください：

http://www.bodrogietterem.hu/chrome_issue.JPG

そしてここ

http://www.bodrogietterem.hu/should_look_like.JPG

サブページでも発生しますが、問題の根本は同じに違いないと思います。

最新の Chrome (20.0.1132.57) と最新の他のブラウザーを備えた Vista を使用しています。ところで、2 番目のスクリーンショットも Chrome で撮ったものですが、開発ツールを開いた後に

あなたの親切な助けに感謝します, ベスト, Zsolt

4

4 に答える 4

0

Chrome の最新バージョンは 21.0 です。Chrome ブラウザを更新して、最新バージョンで正常に表示されるかどうかを確認してください。スクリーンショットは 404 エラー ページにつながるため、スクリーンショットをもう一度アップロードしてみてください。

また、IE7、IE8、IE9 でページを確認しましたが、ページは 3 つすべてで見栄えがよく、IE7 では下部に水平スクロールバーが表示されますが、背景画像は問題ないように見えます。

于 2012-07-27T07:54:50.400 に答える
0

役に立つ考えをありがとう、私は最終的に問題を解決することができました.

いじりながら白い部分の高さを測ってみたところ、135px（上のCSSの背景の一番上の位置）でした。それで、何らかの理由でその属性が問題を引き起こしていると判断し、それは正しかった.

手早く汚れた解決策として、背景画像の上部に 135 ピクセルの白い領域を追加し、background-position プロパティの上部を 0 ピクセルに設定しました。これにより、問題はすぐに修正されました。

縦の白い部分については、背景画像を #main div ではなく #main-wrapper div にバインドすることで解決しました (Drupal 7 ビルドです)。繰り返しますが、正確な理由はわかりませんが、問題はすぐに修正されました。

Web は正確かつ論理的であるべきですが、それでも時々ランダムでアドホックなままであることが大好きです。

あなたの時間と努力に再び感謝します, bests, Zsolt

于 2012-07-27T23:01:01.307 に答える
0

http://www.stoerbeton.nlの 2 ページで同じ問題が発生しましたが、上記の投稿を読んで少し考えた後、解決したと思います。

問題はおそらく一般的な背景にありました: url; 属性と Web サイトの CSS の読み込み。すべての一般的な背景を置き換えました: #222222 URL の繰り返しなど。背景画像の場合:; 、バックグラウンドリピート:; および背景色:; 等

CSS を編集した後、ウェブサイトが機能するかどうかをお知らせください。私はまだテスト中です。

よろしく、 aquaster.nl

于 2013-05-02T15:17:56.393 に答える
0

Windows 7 の Chrome でページが正常に表示される (Chrome 20.0.1132.57)

過去に、インストールされているさまざまなツールバー/アドオンがページの CSS に干渉し、Chrome が孤立したインシデントでバグアウトしたように見えるという問題がありました。アドオン / プラグインをインストールせずに chrome を実行してみて、問題が解決するかどうかを確認してください。

CSS に関する 1 つの観察:#contentクリアされていないフローティング要素が含まれています。それがここでの問題だとは思いませんが、おそらく上記と混在する可能性があります。

それがまったく役立つかどうか教えてください。

于 2012-07-27T19:50:48.800 に答える