Tôi thường không gặp vấn đề gì khi tạo CSS sprites, nhưng cái này đã khiến tôi bối rối ... và tôi không chắc cách giải quyết nó. Về cơ bản tôi có một sprite chuyển hướng trông như thế này:CSS Navigation Sprite - Odd Shapes (không phải hình vuông)
Tôi đang sử dụng quy ước tiêu chuẩn đẻ chúng ra trong <li>
thẻ đó như:
<li class="welcome"><a href="#" title="welcome">welcome</a></li>
Và sau đó áp dụng CSS để điều chỉnh vị trí nền:
#navigation li.welcome a {
width:155px;
background-position:-0px -46.5px; }
Tất nhiên tôi không nghĩ về điều này, nhưng vấn đề xảy ra khi di chuột. Vì bạn chỉ có thể xác định các vùng "hình vuông", khi bạn di chuột qua một phần tử, trạng thái di chuột "màu xanh lam" đang được chuyển sang mục điều hướng tiếp theo.
Sau đó tôi nghĩ rằng tôi sẽ phải tạo từng hình ảnh cho từng mục ... nhưng điều đó sẽ không hoạt động hoàn toàn đúng vì các phần mũi tên chồng chéo.
Có lẽ tôi phải tách riêng phần tách "mũi tên" ở giữa? Tôi thực sự không chắc chắn.
Tôi bị chặn ở đây. Ý tưởng nào?
Đây thực sự là một ý tưởng thực sự hay, không bao giờ nghĩ về điều đó. – dmackerman