我正在尝试与IE 9配合使用:-(
这是我的示例代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
        <style>
            body{
                direction:rtl;
            }
            ul{
                list-style: none outside none;
                padding:0px;
            }
            li{
                display: inline-block;
                padding: 10px;
                border-radius: 20px 20px 20px 0px;
                border: 1px solid #777;
                background-color: #AAA;
            }
        </style>
    </head>
    <body>
        <ul id='some'>
            <li>test1</li>
            <li>test2</li>
        </ul>
    </body>
</html>


仅仅因为direction:rtl;在身体上IE失去了他的左手和右手!
边框正确四舍五入,背景镜像如下图所示

  

似乎认为RTL人的右手是他们的左手X-(
Firefox,Chrome,Safari,...没有问题,并且可以正确呈现;
有什么解决办法吗?

谢谢

最佳答案

编辑:更新答案与下面的解决方案

http://jsfiddle.net/hxSgH/

        body{
        direction:rtl;
        }

        ul{
            direction:ltr;
            list-style: none outside none;
            padding:0px;
        }

        li{
            direction:rtl;
            display: inline-block;
            padding: 10px;
            border-radius: 20px 20px 20px 0px;
            border: 1px solid #777;
            background-color: #FF0000;
        }

<body>
     <ul id='some'>
        <li>test1 میکنیم @</li>
        <li>test2 میکنیم @</li>
    </ul>
</body>

关于html - IE在RTL页面上失去左手和右手,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15169285/

10-13 00:44