次のようにCSSの背景画像を使用して構築しているサイトにロールオーバー画像を設定しました：
.rollover a {
display: block;
width: 400px;
height: 400px;
background: transparent url(hover.jpg) no-repeat;
}
.rollover a:hover {
background-position: -400px 0;
}
これはすべてのブラウザーで完全に機能しますが、iPhone では右側に 1 ピクセル余分に表示されるように見えるため (400 ピクセルではなく 401 ピクセルが表示されます)、メイン ページに 1 ピクセルのロールオーバー画像が表示されますが、これは明らかに正しくありません。誰かがこれが起こっている理由を提案できるなら、私は非常に感謝しています.
いつも本当にありがとうございます！
デイブ