Вопросы Теги

border-radius + background-color == cropped border

Рассмотрим div с радиусом границы , border и background-color Применены атрибуты CSS: 

 
 Бла

enter image description here

Теперь рассмотрим аналогичный макет, но с background-color , указанным во внутреннем div: 

 
 
 Бла

enter image description here

Я встревожен тем фактом, что background-цвет внутреннего

скрывает границу внешнего
.

Это упрощенный образец проблемы. На самом деле я использую

в качестве внутреннего элемента с чередующимися цветами строк. И я использую
в качестве внешнего элемента, поскольку border-radius , похоже, не работает с элементом
. Вот jsfiddle образца этой проблемы.

Есть ли у кого-нибудь предложения по решению?

58
задан Kirk Woll 3 November 2015 в 02:46
поделиться