2010-08-18 19 views
18

jQuery kullanarak bir öğe için bir vurgulu olay tetiklemek istiyorum, ancak z-endeksi kullanarak öğenin üzerine yerleştirilmiş yarı saydam bir png var. JQuery'ye png'yi göz ardı etmesini ve altında bulunan element için vurgulu olayı tetiklemesini söylemenin bir yolu var mı? Eğer CSS3 destekleyen, modern bir tarayıcı kullanıyorsanızjQuery vver problemi nedeniyle z-index

cevap

20

, şeffaf png css kuralın bu satırı eklemeyi deneyin: pointer-events: none;
Temelde bu eleman üzerindeki tüm fare olaylarını görmezden tarayıcı söyler. Örneğin

:

img 
{ 
    pointer-events: none; 
} 

https://developer.mozilla.org/en/css/pointer-events

hedeflenen tarayıcı CSS3 desteklemiyorsa Alternatif olarak, fare olayı yakalayabilir ve sonra altta yatan eleman üzerinde bir yenisini ateş. örneğin

resminizin kimliği #img bağlıdır ve altta yatan öğe kimliği Bunu edebilir #elem ise: Bu biraz sizin DOMs ayarlanma biçimine bağlı olarak uğraşmak zorunda kalabilirsiniz

$("#elem").hover(function(e){ 
    $("#img").mouseenter(e); 
}); 

işte buradaki belgeler http://api.jquery.com/mouseenter/

+0

teşekkürler! Bu işe yaramaz, modern olmayan tarayıcılar için işe yaramıyor, öyle değil mi? – user424616

+0

Sadece daha eski tarayıcılar için çalışabilecek bir jQuery çözümü ile cevabımı düzenledim :) –

+0

harika Razor. Bu tür şeyleri nasıl biliyorsun? Bu gerçekten yararlı ve bilinmeyen bir bilgi türüdür. GG mate –