свойство direction с проблемой радиуса границы с IE9 - PullRequest
Новая
       0

свойство direction с проблемой радиуса границы с IE9

2 голосов
/ 31 декабря 2011 
direction: rtl;
font-size: large;
-webkit-border-radius: 0px 50px 50px 0px;
-moz-border-radius: 0px 50px 50px 0px;
border-radius: 0px 50px 50px 0px;

Я заметил, что IE9 меняет способ чтения значений радиуса границы, в случае выше он читает верхний левый угол как верхний правый, и стилизованный div будет отображаться в другом направлении, в отличие от chrome и moz!

есть идеи?

Ответы [ 2 ]

1 голос
/ 30 мая 2012

Я бы порекомендовал вам просто определить top-right-border-radius и так далее. И не удаляйте -moz-, потому что многие пользователи Firefox не обновляются, когда должны.

Или вы можете использовать IE условные комментарии примерно так: 

<html>
    <head>
        <style>
            property: value;
        </style>
        <!--[if IE]>
            <style>
                ie-only-property: value;
            </style>
        <![endif]-->
    </head>
    <body>
        Page text here
    </body>
</html>
0 голосов
/ 08 февраля 2014

это ошибка в IE9, которая возникает, когда элемент имеет direction: rtl; (либо непосредственно в элементе с border-radius, либо унаследовано от родителя этого элемента).

решение - применить direction: ltr; к элементу.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...