如何防止Tab键关注DIV元素导致它向上移动？

Question

我有一个包含大量表单字段的表单，并且按照预期，用户可以成功按Tab键以按自然顺序循环遍历每个表单元素。但是，一旦它们到达特定的DIV元素（我手动必须添加一个tab-index属性以使其可聚焦），尽管该元素能够正确获得焦点，但DIV的内容会稍微向上移动（非常相似）如果要将以下样式应用于DIV，它将会是什么样子：position：relative和top：-3px）。然后当我尝试继续跳到其他元素并且DIV丢失焦点时，它会继续向上移动。我甚至试过反向标签（SHIFT + TAB），它也没有将DIV重置回原来的位置。如何使用CSS或JS防止这种不必要的移位行为？

P.S。我没有在这里提供实际的代码片段，但我可以说有问题的标记非常简单，DIV内容非常简单，没有任何疯狂的元素或样式应用于它或它的任何子元素）。

Answer 1

根据这里的答案，div与tabindex不兼容： Tab Index on div

Answer 2

人们，我明白了。它现在已在所有浏览器中修复。这是一个非常奇怪的。

DIV在焦点上应用了动画的淡化不透明淡化，这样当它会获得焦点时，它会从不透明度0.7淡化到不透明度1.当我拿出不透明淡化动画代码时，这个神秘的焦点错误会消失！