Hình tam giác CSS tinh khiết trông mờ trong firefox

Question

Tôi đang cố gắng sử dụng tam giác css thuần túy được sử dụng trong bài viết này trong thủ thuật CSS http://css-tricks.com/snippets/css/css-triangle/ nhưng trông mờ trong firefox 14. Tôi có thể sửa nó bằng cách nào đó hay không? làm cho nó chính xác?

EDIT: Dưới đây là một ảnh chụp màn hình của nó như thế nào trông giống như http://awesomescreenshot.com/0fcf904eb Tôi nghĩ đó là một vấn đề chung vì vậy tôi chỉ cần đặt một liên kết đến bài viết xin lỗi về điều đó

Answer 1

sử dụng border-style: dotted; sẽ loại bỏ cạnh mờ trên FF. Về cơ bản, mọi thứ nhưng border-style: solid; đều hoạt động. Nó có thể được cố định trong FF mới nhất nhưng tôi chắc chắn có kinh nghiệm cùng một vấn đề như bạn, nhưng không thể thử nghiệm trên các phiên bản FF khác nhau.

Đối với bản ghi tôi đã sử dụng FF (15 tôi đoán) winXP

Answer 2

Screen grab sẽ là tốt. Đây có thể là thứ sẽ khác với thiết bị, màn hình, v.v. Bạn đã xem kết quả của mình trên các thiết bị khác nhau chưa? Tôi có xu hướng nghĩ rằng điều này sẽ vượt ra khỏi tầm kiểm soát của bạn.

Answer 3

Tôi đã gặp vấn đề tương tự. Hóa ra đó là một cái gì đó với Graphics Driver của tôi.

Kiểm tra cài đặt Anisotropic Filtering trong Trình điều khiển đồ họa 3D của bạn. Tôi đã đặt của tôi thành Override Application Settings và 16x. Sau khi thay đổi nó trở về Use Application Settings và khởi động lại Firefox, sự mờ nhạt biến mất.

Answer 4

-moz-transform: scale(.9999); 

Tôi đã giải quyết được sự cố.