При добавлении border-radius к элементу с прозрачной рамкой Chrome, кажется, удваивает непрозрачность углов, делая их прозрачными.
Код и пример на: http://jsfiddle.net/shodan_uk/LMPMg/
У кого-нибудь есть идеи, как обойти это?
Ура, Терри
Это известная ошибка Webkit, вы можете либо добавить контейнер-обертку, чтобы подделать границу и применить border-radius, либо немного изменить значение непрозрачности или границу (это приведет к появлению некоторых слабых линий в углу вашего элемента .
См. Демо здесь: http://jsfiddle.net/duopixel/hG9W8/
А вот вопрос, подобный вашему: Странное поведение непрозрачности границ в Webkit?
Да, у меня была похожая проблема. вместо этого я использовал изображение границы css3, чтобы получить тот же эффект, что и первоначально.