Хорошо, я искал и искал на google, stackoverflow, других сайтах проблему, касающуюся того, как webkit обрабатывает комбинацию границы-радиуса, ширины границы и цвета, примененного к блоку, причем одна сторона имеет более толстую границу иразные цвета границы.
Я тестировал и тестировал как в проекте, над которым я сейчас работаю, так и в JSfiddle.
Я создал JSfiddle с несколькими тестовыми примерами в нем, что иллюстрирует то, чтостили делают и не влияют на эту ошибку.http://jsfiddle.net/kGST9/4/
Вы увидите, что большинство коробок имеют полосу красного цвета в центрах верхней и нижней границ.Вы также заметите, что в разных тестовых примерах ширина полосы красного цвета варьируется в зависимости от того, что я нашел, от ширины левой границы и ширины рамки.Я считаю, что действительно не имеет значения, с какой стороны находится более толстая граница, и она будет вести себя одинаково.Это происходит только в webkit, как в последних версиях Safari 5, так и в Chrome 16, и я предполагаю, что это относится ко всем версиям webkit, поддерживающим радиус границы.
Firefox не отображает эту проблему.
Я даже не смог найти никого, кто бы говорил об этой ошибке на форуме или в блоге, и не думаю, что это единственная проблема.lol
Просто для справки, я также попытался добавить другие стили, не связанные с границами, такие как положение, отображение, переполнение, фоновый клип и их различные значения, но ни один из них не помог.
Так что помогите мне разобраться в этом, если хотите.
С уважением,
CSSDevMonkey