Перепутал рендеринг закругленных углов в IE9 - PullRequest
Новая
       22

Перепутал рендеринг закругленных углов в IE9

3 голосов
/ 02 февраля 2012

Я выискиваю некоторые очень странные проблемы рендеринга в IE9 в Windows 7. Я использую метод «фильтра» Microsoft везде, где есть градиенты, это HTML5, и все в стандартном режиме.

Обратите внимание, что возникла некоторая путаница: это происходит везде, где есть закругленные углы, в том числе в ситуациях, когда нет градиентов и даже нет цвета фона вообще.Конкретную проблему можно увидеть на скриншотах ниже, когда пропуски на границе и цвет повторяются по оси x, ВНУТРИ элемента.

Насколько я могу судить, я настроил всеправильно, и, конечно, все это прекрасно воспроизводится в браузерах Firefox и WebKit.

Кто-нибудь когда-нибудь видел это?Я гоняюсь за своим хвостом и прибегаю к приседаниям.

Поле ввода:

Round corners, input box Input Box

DIV с градиентным фоном:

enter image description here

Редактировать:

Ссылка twitter-bootstrap, представленная ниже, показывает точно такие же проблемы на всех своих элементах примера.Над этим проектом работают более умные люди, поэтому я считаю это неразрешимым только с помощью CSS.Не стесняйтесь закрывать.

Ответы [ 2 ]

3 голосов
/ 02 февраля 2012

это известная ошибка в IE9 и нет действительно простого решения *, чтобы избавиться от этого.самые простые способы были бы:

  • использовать фоновое изображение, содержащее градиент вместо градиента для IE <10 </li>
  • использовать простой фоновый цвет вместо градиента для IE <10 </li>

twitter bootstarp , например, также должен иметь дело с этим.они решили использовать простой цвет фона для своих кнопок, как вы можете прочитать здесь :

В IE9 мы понижаем градиент на всех кнопках в пользу закругленных угловпоскольку IE9 не обрезает фоновые градиенты по углам.

* некрасиво svg-for-ie-solution: http://abouthalf.com/2010/10/25/internet-explorer-9-gradients-with-rounded-corners/

2 голосов
/ 02 февраля 2012

IE Фильтры и закругленные углы не очень хорошо играют вместе.Вам придется выбирать между сплошным цветом фона или квадратными углами для IE.Градиенты с префиксом поставщика будут поддерживаться в в IE10 , так что, по крайней мере, это так.*

"В IE9 мы отбрасываем градиент на всех кнопках в пользу закругленных углов, поскольку IE9 не обрезает градиенты фона по углам."
...