Как получить только один закругленный угол с htc взломом border-radius и MSIE v: roundrect?

Question

У меня проблема с частично закругленными углами.См. Первый рабочий пример для большинства браузеров:

.box {
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid black;
  background-color: yellow;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

Вы можете видеть, что только нижний правый угол должен быть закруглен.Естественным выбором было бы добавить border-radius.htc hack внутри условного оператора IE:

.box {
  border-bottom-right-radius: 20px;
  behavior:url(border-radius.htc);
}

Это не работает, потому что файл border-radius.htc имеет доступ только к обычному border-значение радиуса (this.currentStyle ['border-radius']).VML, используемый хаком, является округлым, который поддерживает только одно процентное значение для arcsize.

Поэтому мне было интересно, есть ли другой способ обойти эту проблему, используя некоторые другие элементы VML?

Другая проблемаэто то, что htc-файл не поддерживает границы, но это можно исправить с помощью атрибута VML's stroked.Например, изящные углы вообще плохо работают с углами.

Answer 1

Я смог заставить его работать с border-radius: 0 0 10px 10px; и htc с http://css3pie.com/

Answer 2

Другое решение: border-bottom-right-radius:10px; не заставлять процессор вычислять ненужные округления границ