CSS3 Border-Radius с одной границей, окрашенной по-разному, истекает своим цветом - PullRequest
Новая
       8

CSS3 Border-Radius с одной границей, окрашенной по-разному, истекает своим цветом

2 голосов
/ 26 января 2012

У меня есть div ширины жидкости со скругленными углами с использованием радиуса границы, а также большая граница на одной стороне div, окрашенная по-разному.

Когда окно браузера достаточно маленькое, все границы ведут себя как следует.Однако, когда я увеличиваю размер окна, я начинаю видеть, как цвет просвечивает в центре моего элемента.

Мне было интересно, может ли кто-нибудь иметь представление о возможном решении.

У div есть два класса:

.info-box {border: 1px solid #CCC;нижнее поле: 15 пикселей;-moz-border-radius: 6 пикселей;-webkit-border-radius: 6 пикселей;радиус границы: 6 пикселей;фон: # F3F3F3;}

.seller-msg {border-left: 7px solid # EF831B;}

Кажетсякак высота div тоже как-то на это влияет.

Скриншот

1 Ответ

2 голосов
/ 27 января 2012

Crikey, похоже, вы нашли ошибку WebKit.Неприятный.

Лучшее, что я могу придумать для обходного пути, это добавить дополнительные <div> (тогда как IE6 снова и снова) внутри .seller-msg, и наложить тонкую серую рамку на это<div> вместо.

Надеюсь, кто-то может придумать что-нибудь получше.

Если вы хотите сообщить оошибка в команде WebKit, процедура подробно описана здесь:

Я скачал последнюю ночную сборку (r106067 наMac OS X на момент написания), и там тоже есть ошибка:

Я также выполнил поиск Bugzilla для «border-»радиус цвета », и я не вижу ошибок, соответствующих этому.

...