0

テーブルの上に「カーソル」divを配置するこのjsfiddleがあります。left関数は、CSS 属性、top、widthおよびを操作してカーソルを移動しますheight。

Chrome 24 および MSIE 9.0 では、カーソルはセルの赤い境界線を完全に覆い、セルの外側に 1 ピクセル拡張します (したがって、カーソルはセルの境界線を越えて描画され、隣接するすべてのセルに漏れますが、セルに漏れることはありません) ）。

Firefox 19.0 では、カーソルが 1 ピクセル下/左に移動します。

ほとんどのブラウザのコードを修正するにはどうすればよいですか?

4

1 に答える 1

0 
@-moz-document url-prefix() { 
 #cursor {
     margin-left:-1px !important;
     margin-top:-1px !important;
  }
}

ur jsfiddleでテスト済み

Opera（必要な場合）ユーザーで次のようなハックを修正するには：

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
#cursor {
    property:value;
}
}

その助けを願って

于 2013-01-23T11:28:18.197 に答える