jquery - 如何修复 Firefox 的 div 覆盖？

Question

我有这个jsfiddle，我在桌子上放了一个“光标”div。left函数通过操作 CSS 属性、top和width来移动光标height。

在 Chrome 24 和 MSIE 9.0 中，光标完全覆盖了单元格的红色边框，并在单元格之外延伸了一个像素（因此光标在单元格的边界上绘制并泄漏到所有相邻的单元格中，它不会泄漏到单元格中）。

在 Firefox 19.0 中，光标向下/向左移动一个像素。

如何修复大多数浏览器的代码？

Answer 1

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

在你的jsfiddle中测试过

在 Opera 中修复（如果你需要）用户这样的 hack：

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

希望有所帮助