CSS 3 свойство border-radius; углы слишком бледные в Chrome?

Question

Я пытаюсь использовать закругленные углы с CSS 3, но получаю странную ошибку.В IE9 все выглядит нормально.Однако в Chrome сами углы кажутся слишком бледными, когда я пытаюсь добавить цвета к границе.Кто-нибудь еще получает эту ошибку?Это даже ошибка?

Пример того, что я использую, следующий:

border: solid 1px #000000;
-moz-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;

[[решено]]
Спасибо за вашу помощь, но я нашел то, чтопроблема была.

Я округлял изображение (вероятно, следовало указать это), и поэтому за изображением происходило округление границы, т.е. фактическая граница была округлена за ним, создавая впечатление, что граница была тоньше, илидаже прозрачный.Немного изменив изображение, мне удалось получить результаты, которые я искал.

Еще раз спасибо всем!NS

Answer 1

На ваши закругленные углы также может повлиять реализация браузером свойств CSS3, background-origin и background-clip.

Свойство background-origin используется для определения того, как рассчитывается положение фона фона в определенном блоке. Свойство background-clip используется для определения того, распространяется ли фон за границу.

Следующий снимок экрана демонстрирует различия , которые имеют два свойства фона и границ, которые могут влиять на ваши закругленные углы.

В первой строке используется background-clip: border-box, а во второй строке указывается background-clip: padding-box.

Answer 2

возможно попробуйте это

-webkit-border-radius: 10px;

Answer 3

Спасибо за вашу помощь, но я обнаружил, в чем проблема.

Я округлял изображение (вероятно, следовало указать это), и поэтому за ним происходило округление границы, т.е.округляясь за ним, создавая впечатление, что граница была более тонкой или даже прозрачной.Немного изменив изображение, мне удалось получить результаты, которые я искал.

Еще раз спасибо всем!NS