CSS - con trỏ tùy chỉnh trông có vẻ khủng khiếp trong Firefox

Question

Tôi đang gặp khó khăn khi làm cho Firefox hiển thị con trỏ tùy chỉnh theo cách tôi muốn. Nó hoạt động giống như một sự quyến rũ trong Chrome (không phải ở tất cả trong IE ...), nhưng trong Firefox nó trông giống như hình ảnh gif thực sự xấu. Phải nói, rằng nó trong suốt .cur. Tôi sẽ rất vui khi được giúp đỡ.

Chrome: Firefox:

Đây là một mã CSS cho nó:

#productImg TD IMG:hover {cursor: url('images/cursor.cur') 16 16, auto;} 

Answer 1

Xin lỗi, đây không phải là một câu trả lời nhưng tôi không có đủ tiếng tăm để gửi đến phần nhận xét. Bạn có thể hiển thị CSS bạn đã sử dụng để lấy tệp .png hoạt động hay không và cấu trúc tệp của bạn (tức là tệp có liên quan đến tệp .css hoặc phần tử nguồn?). Tôi không thể có được một .cur hoặc a .png để làm việc trong FF mặc dù họ làm việc tốt trong các trình duyệt khác. Tôi đã làm theo những lời khuyên trong bài viết này mà có vẻ tốt cho các trình duyệt khác ngoại trừ FF.

http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/

FYI Tôi đang cố gắng áp dụng điều này để thẻ BODY (không phải là điều này nên có vấn đề). FF nhận dạng CSS trong cả Firebug và Thanh tra mặc dù Thanh tra báo cáo rằng giá trị là Tự động. Khi tôi tự đặt thuộc tính thành một Div/Class thử nghiệm, FF chỉ giảm thuộc tính. Mã hiện tại bên dưới.

con trỏ: url (img/cursors/tinyGreen.cur), url (../ img/cursors/tinyGreen.png), url (../ img/cursors/tinyGreen.cur), mặc định;