3

我正在尝试制作一个表格,其中某些文本单元格是垂直的(旋转的),但在获得一致的定位时遇到了很大的问题。我有基本的大纲工作。在 IE 中有点偏离(大惊喜),但我想我可以用某种 browser-conditional 来解决这个问题。然而,真正的问题是,当第一次选择时,顺便说一句可编辑的文本会移动一点。这有点难以解释,所以你可以自己看看:http: //gdurl.com/eM_F

在 Chrome 中,它总是在第一次在字段之间切换以聚焦它们时发生,而不是单击。有时在单击它们后输入它们。

在 IE 中,它总是在字段第一次获得焦点时发生。

我想以某种方式使用 css 解决这个问题,但如果需要,我可以使用 javascript/jquery。我确实尝试focus()在页面加载时调用它们,以便它们的位置保持一致,但它不起作用。还尝试将 contenteditable-attribute 设置为 false,并设置 tabindex 以希望在获得焦点时将 contenteditable 设置为 true 会修复它,但即使 contenteditable 为 false,它在选项卡上的行为仍然像那样。

4

1 回答 1

0

Thanks for all the replies. Apparently the problem was the "overflow:hidden". Either removing it or setting it to the same element as the rotation did the trick. But I'm still working on getting this to work consistently cross-browser. I'm coming back with a more thorough answer.

于 2013-02-13T22:31:13.140 回答