Tôi đã áp dụng "border-bottom: # F60 dotted .3em;" với một div và trong khi Firefox hiển thị các chấm tròn, Chrome hiển thị chúng dưới dạng các dấu gạch ngang khối ô vuông. Có ai không?Trình hiển thị đường viền chấm chấm CSS như được vẽ trong Chrome
Nếu điều quan trọng là biên giới đều giống nhau bạn có thể nhìn vào CSS3 sở hữu hình ảnh biên giới là: http://www.css3.info/preview/border-image/ dành cho Chrome nó sẽ được -webkit-border-image:
Đặc điểm kỹ thuật không xác định những gì 'chấm' có nghĩa là mức độ chi tiết đó. Hai trình duyệt chỉ giải thích nó một cách khác nhau. This is not a problem.
Nếu đường viền là một phần của phong cách thì điều đó quan trọng. – Commandrea
Sau đó nói với nhà thiết kế đó là một hạn chế! –
Nó không phải là một hạn chế vì nó có thể đạt được thông qua các phương pháp khác nhau, nó chỉ có thể không đạt được với 'border: dotted' – Leeish
Là một nhà thiết kế đồ họa, điều này thực sự là một vấn đề đối với tôi.
:dotted; và :dashed; được chỉ định riêng vì lý do - hình chữ nhật không phải là hình tròn. Trong khi nó có thể làm việc xung quanh, các nhà xây dựng web làm việc tại một loại bỏ thường không phát hiện sự khác biệt. Theo như họ đang quan tâm, tóm tắt đã được đáp ứng. là công bằng, ở 1px, nó ít vấn đề hơn nhưng khi các đường chấm có trọng lượng nặng hơn được sử dụng làm yếu tố thiết kế và mã được chọn trên đồ họa để tiết kiệm tải trang, mọi thứ có thể khá sai.
Đối với những người cần một đường chấm chấm hoàn toàn phải là một đường chấm chấm thực sự, tôi sẽ đề xuất một div có hình nền lặp lại nhỏ. Cũng có thể thử tạo kiểu cho một <ul> nếu bạn muốn giữ tất cả mã.
Nếu không có cách nào buộc Chrome phải vẽ chấm thì đây sẽ là giải pháp. Cảm ơn bạn. – Commandrea
có vẻ như đây là giải pháp tốt nhất – GusDeCooL