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

Question

我有this jsfiddle我在表格顶部放置了一个“光标”div。一个函数通过操纵 CSS 属性 left、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;
}
}

希望对你有帮助