自分のサイトの背景が1つあり、上部中央に固定されています。マウスオーバーすると、元の背景と整列する別の背景で絶対位置にある表示を切り替える必要がある空白がいくつかあります。
機能はすべて正常に機能します。ただし、背景のあるが常に並んでいるとは限りません。画面の大きさにより1px異なります。
これはChromeで発生していますが、Dreamweaverでは発生していません。他のブラウザはテストしていません。
何か案は?
自分のサイトの背景が1つあり、上部中央に固定されています。マウスオーバーすると、元の背景と整列する別の背景で絶対位置にある表示を切り替える必要がある空白がいくつかあります。
機能はすべて正常に機能します。ただし、背景のあるが常に並んでいるとは限りません。画面の大きさにより1px異なります。
これはChromeで発生していますが、Dreamweaverでは発生していません。他のブラウザはテストしていません。
何か案は?
問題は、実際にはサブピクセルレンダリングの問題でした。要素のcssを「left:0px;」から変更しました。「左:-0.5px;」そして、すべてが正常に動作します。
コメントとリンクを提供してくれたMikeRobinsonに感謝します:http://css3wizardry.com/2010/10/05/subpixel-rendering-2/
Dreamweaverのライブビューは冗談です。大まかなプレビュー、特に単一ピクセルの違い以外は信用しないでください。単一のピクセルの違いなどが問題になる場合は、主要なブラウザーでテストし、CSSリセットまたはnormalize.cssを使用してから、独自のスタイルを適用してください。
CSSリセット-すべてのスタイルを0にリセットして、すべてのブラウザが同じベースラインスタイルで起動するようにします。欠点は、使用するすべての要素のスタイルを設定する必要があることです。リストなどのスタイルはデフォルトのスタイルではなくなり、プレーンテキストとして表示されます。http://meyerweb.com/eric/tools/css/reset/
Normalize.css-これはリセットよりも少しユーザーフレンドリーで、すべての基本要素に同じスタイルを与えるため、すべての主要なブラウザーのデフォルトがカバーされ、同じようにレンダリングされます。http://necolas.github.com/normalize.css/