3

コレクティブからの助けをもう一度探しています。IEで表示すると途切れ途切れにスクロールしますが、他のすべてのブラウザーではスムーズで問題のないサイトを作成しました。2つの異なるラップトップをチェックして、それが自分のビデオカードだけではないことを確認しました。

また、すべての画像を削除して、それが画像表示の問題であるかどうかを確認しましたが、問題は解決しませんでした。誰かアイデアはありますか？

更新*：フィードバックに基づいて、画像、ボックスシャドウ、およびgoogleフォントを削除したページも試しましたが、まだ途切れ途切れのスクロールが表示されます。また、ナビゲーションとサイドバナーを削除しました...まだダメです。

見つかった：わかりました。基本的にcssピースごとにウェブサイトを分解した後、画面が途切れる原因は（主に）border-radius属性の使用によるものであることがわかりました（その方向に向けてくれてありがとう）。私のページには、次のcssを適用した2つのコンテナdivがあります。-moz-border-radius：10px; -webkit-border-radius：10px; border-radius：10px;

これらを削除すると、ページは90％スムーズになりました。ヘッダー画像のように見えるため、まだスクロールが途切れますが、はるかに優れています。

**最終的な解決策は次のとおりです。1。IEブラウザで表示したときに境界半径を無効にする条件付きIEを追加しました。2。途切れ途切れの最後のビットを削除するには:)使用していたすべての画像を取得し、スプライトを作成しました。フォトショップで彼らのために、そしてyahooSmush-Itを使ってそのファイルを圧縮しました。サイトは今、素晴らしい負荷をかけています。

すべての入力をありがとう！

私のURLはhttp://monopolydealrules.comです

ありがとう！

4

3 に答える 3

2

**最終的な解決策は次のとおりです。1。IEブラウザで表示したときに境界半径を無効にする条件付きIEを追加しました。2。途切れ途切れの最後のビットを削除するには:)使用していたすべての画像を取得し、スプライトを作成しました。フォトショップで彼らのために、そしてyahooSmush-Itを使ってそのファイルを圧縮しました。サイトは今、素晴らしい負荷をかけています。

洞察に感謝します！

更新*モバイル版のiPhoneのサファリモバイルでも同様の問題が発生しました。コンテナ要素からborder-radius属性を削除すると、モバイルサイトの速度も修正されました。

于 2012-05-06T20:31:53.187 に答える
1

ボックスの影が問題を引き起こしている可能性が非常に高いです。そこにはたくさんのドキュメントはありませんが、一般的にはそれほど大きなCSSボックスシャドウを使用しないことをお勧めします。

http://nerds.airbnb.com/box-shadows-are-expensive-to-paint

于 2012-04-20T15:39:21.563 に答える
0

私は複雑なレイアウトを持っていて、IE9も私にとってはスタッタースクロールでした。私の場合、フルレイアウトの通常のページはうまくスクロールしましたが、同じレイアウトにckeditorを追加すると、スクロールが非常に不安定になりました。IEは、丸みを帯びた角と複雑なUIを同時にレンダリングすることはできないと思います。

私はそれを修正するためにこれを使用しました：

<!--[if lt IE 10]>
<style type="text/css">
* {
-webkit-border-radius: 0px !important; 
-khtml-border-radius: 0px !important; 
-moz-border-radius: 0px !important; 
border-radius: 0px !important; 
}
</style>
<![endif]-->
于 2012-07-12T20:49:55.097 に答える