1

私は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 は左手と右手を失う！
境界線は正しく丸められ、背景は下の画像のように鏡像化されます

IE は絶対的なばかであり、この写真は何百万もの証拠の 1 つです。

RTL の人は右手が左手だと思っているようです X-(
Firefox、Chrome、Safari などは問題なく、正しくレンダリングできます。
解決策はありますか?

ありがとう

4

1 に答える 1

1

編集：以下の解決策で回答を更新

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>
于 2013-03-02T00:53:00.983 に答える