CSS пунктирная граница отображается как пунктирная в Chrome - PullRequest
5 голосов
/ 26 января 2011

Я применил "border-bottom: # F60 пунктир .3em;"в div и в то время как Firefox отображает точки как круглые, Chrome показывает их как блочные черточки.Любой берущий?

Ответы [ 3 ]

11 голосов
/ 26 января 2011

Если важно, чтобы границы были одинаковыми, вы можете посмотреть в свойстве CSS3 border image: http://www.css3.info/preview/border-image/ для Chrome это будет -webkit-border-image:

3 голосов
/ 26 января 2011

Спецификация не определяет, что означает пунктир для этого уровня детализации. Два браузера просто интерпретируют это по-разному. Это не проблема .

2 голосов
/ 25 сентября 2012

Как графический дизайнер, это действительно проблема для меня.

:dotted; и :dashed; указаны отдельно по причине - прямоугольник не является кругом.Хотя можно обойтись, веб-разработчики, работающие над удалением, часто не замечают разницы.Насколько они обеспокоены, краткое изложение было выполнено.честно говоря, в 1px, это меньше проблем, но когда в качестве элементов дизайна используются более тяжелые пунктирные линии и код выбирается поверх графики для экономии при загрузке страницы, все может пойти не так.* Для тех, кому нужна одна пунктирная линия, которая обязательно должна быть истинной пунктирной линией , я бы предложил div с небольшим повторяющимся фоновым изображением.Можно также попробовать стилизовать <ul>, если вы хотите сохранить весь код.

...