6
Bir img etiketiyle bir dünya haritası görüntülüyorum. Bazı bölgeleri köprülemek için onunla bir görüntü haritası ilişkilendiriyorum. Belirli bir bölgenin tıklanıp yakınlaştırılabileceğini belirten kenarlıklı bir kutu div'in üzerine bindiriyorum.Çapraz tarayıcı özel imleç stili
Şimdi bunu kullanıcıya göstermek için imlecin büyüteç şeklini değiştirmesini istiyorum. Ben web üzerinden baktı ve ateş ve ie6-8 çalışır şey buldum:
#zoomregion:hover { cursor: url('templates/test/styles/images/magnify.cur'), -moz-zoom-in; }
Maalesef operasını, krom ve IE9 bunu görmezden ve varsayılan (yani .: işaretçi) göstermektedir. Çapraz tarayıcı özel imleç simgelerini nasıl kullanabilirim? tarayıcılar bir sürü için
#zoomregion:hover {
cursor: url('templates/test/styles/images/magnify.cur');
-webkit-zoom-in;
-moz-zoom-in;
-ie-zoom-in;
-ms-zoom-in;
-o-zoom-in;
}
-webkit- hesapları:
Bunu yapmanın ucuz bir yolu, istediğiniz yeni imleç görüntüsüyle sayfaya ekstra bir öğe eklemek, her zaman fareyi konumlandırmak için JavaScript'i kullanmak ve gerçek imleci gizlemek için CSS'yi kullanmaktır. Ama muhtemelen böyle yapmakla ilgilenmiyorsunuz. – sdleihssirhc
Bu, tıklama etkinliklerinin nereye gitmeleri gerektiğine ulaşmasını engeller. – krasnerocalypse
Ve görüntünün şablonlar/test/stiller/resimler/magnify.cur'da olduğundan emin misiniz? – krasnerocalypse