Zastosowałem "border-bottom: # F60 kropkowany .3em;" do div i podczas gdy Firefox renderuje kropki jako okrągłe, Chrome pokazuje je jako przestawne kreski. Którzy chętni?Wykreślone obramowanie CSS w postaci przerywanej w Chrome
Jeśli ważne jest, że granice są takie same, można zajrzeć do własności CSS3 granica obrazu: http://www.css3.info/preview/border-image/ dla Chrome będzie -webkit-border-image:
W specyfikacji nie określono, co "przerywana" oznacza ten poziom szczegółowości. Dwie przeglądarki po prostu interpretują to inaczej. This is not a problem.
Jeśli granica jest częścią stylu, ma to znaczenie. – Commandrea
Następnie powiedz projektantowi, że to ograniczenie! –
To nie jest ograniczenie, ponieważ można to osiągnąć różnymi metodami, nie można tego osiągnąć za pomocą 'border: dotted' – Leeish
jako grafik, to rzeczywiście jest to problem dla mnie.
:dotted; i :dashed; są określone osobno dla konkretnego powodu - prostokąt nie jest kołem. Podczas gdy możliwe jest obejście, twórcy stron internetowych pracujący przy usuwaniu często nie zauważają różnicy. Jeśli chodzi o ich treść, brief został spełniony. Aby być uczciwym, przy 1px, jest to mniejszy problem, ale gdy cięższe linie przerywane są używane jako elementy projektu i kod jest wybierany przez grafikę, aby zaoszczędzić na ładowaniu strony, może się okazać, że coś jest nie tak.
Dla tych, którzy potrzebują jednej kropkowanej linii, która absolutnie musi być prawdziwie przerywaną linią, proponuję element div z małym powtarzalnym obrazem tła. Możesz też spróbować stylizować się na <ul>, jeśli chcesz zachować cały kod.
Jeśli nie ma sposobu, aby zmusić Chrome do renderowania w postaci kropkowej, byłoby to rozwiązaniem. Dziękuję Ci. – Commandrea
wydaje się, że to najlepsze rozwiązanie – GusDeCooL