html - dir ="rtl"IE7 输入字段改变焦点位置

Question

我需要将现有布局转换为从右到左以适应不同的语言，例如阿拉伯语、希伯来语等，我在 IE7 上遇到了问题 - 想象一下。我用这个很棒的工具来转换 css，https://github.com/ded/R2 ，效果很好。但是，当在 IE7 中呈现布局时，为任何输入元素提供焦点会导致该元素将自身重新定位到屏幕的另一侧，即向左约 540 像素。

布局的 ltr 版本在一个 200 像素的容器 div 中有一个表单元素，它位于主要内容区域的左侧，这是一种基本的分栏布局。 rtl 版本是镜像，即 200px 表单容器位于主要内容区域的右侧。

两列和主容器是加载到基本 html 页面上的父容器中的模板，即侧边栏和主要内容区域模板有 div。我注意到在单击时将这些父容器移动到放置重新定位的输入元素的位置周围。这些父元素默认为其父元素的宽度，即 870px，看起来输入元素将自身重新定位到这些元素的左内边框。我尝试更改这些父容器的宽度，但没有任何效果，有什么想法吗？

谢谢，

J

Answer 1

通过将父容器的 dir 属性设置为 ltr，然后将元素输入到 rtl 来修复此问题。