Границы цвета - ошибка Chrome или я слепой?

Question

Это изображение должно хорошо иллюстрировать проблему: ( в натуральную величину )

Скриншот проблемы http://adamhaskell.net/img/chromebug.png

Как вы можете видеть, есть ошибка, связанная с тем, как Chrome обрабатывает цвета границ, когда задействован радиус границы. Существует очень четкое обрезание, примерно, когда соотношение сторон окна составляет 2: 1 или больше.

Вы можете себе представить, что в Chrome моя система вкладок выглядит очень плохо ...

Есть ли способ исправить это поведение?

Демонстрация проблемы в реальном времени

Answer 1

Прошу прощения, я использую эксклюзив для радиуса границы для 1 цвета.Если бы я лично хотел такую ​​границу, я бы сделал из нее банальный образ из-за различий в браузере.

Не думаю, что это тот ответ, на который вы надеялись, но вы можете использовать его в качестве резервного;)

Answer 2

Я не совсем решил, но это немного большой комментарий.

Единица не имеет значения, что то же самое с em, cm, т. Д.

div.box1 {
 border-radius: 64px;
 border-bottom-left-radius: 0px;
  /* OR 
    border-radius: 64px 64px 0px 64px;
  */
}

Будет работать (бит света растягивается полностью), но добавление border-bottom-right-radius снова испортит его

Как только один из border-bottom-XXX-radius s опустится ниже 62px, он останавливается.

Я не знаю, поможет ли это найти ответ, но, надеюсь, так и будет.