2013-07-12 14 views
16

Arka plan resminin altında bir düğmem var. Düğmeyi tıklanabilir yapmak için bir "pointer-event: none" ekledim. Bununla birlikte, işaretçinin etkinliğini de devre dışı bıraktığı vurgulu arka plan resmini değiştirdiğim hareketli görüntüyü de istiyorum. Tıklamaların geçmesi sırasında bir öğenin vurgulu özelliğini tutmanın bir yolu var mı?Hointer özelliğini Pointer-event ile koru: none

#cover_button tıklatıldığında jquery'yi tıklatıp false değerini döndürdüm ve denedim, ancak çalışmadı.

İşte kodum. İşaretçi olayını devam ettirirsem: hiçbiri arka plan resmimin altındaki düğmeye tıklayabilirim. Ancak bu, vurgulu özelliğini devre dışı bırakırdı. Eğer onu kaldırırsam tıklayamayacağım.

#cover_button { 
    pointer-event: none; 
    position: absolute; 
    width: 46px; 
    height: 24px; 
    left: 0; 
    top: 0; 
    background: url(http://s13.postimg.org/bqxlnbfs3/Like.png); 
} 

#cover_button:hover { 
    background: url(http://www.moronacity.com/tech-journal/images/2011/February/small-Facebook-like-button-counter.gif); 
} 

Düzenleme: İşte
keman var: tıklanabilir ama hoverable değil İşte http://jsfiddle.net/3PXTK/1/

başka bir şeydir: http://jsfiddle.net/3PXTK/

: Hoverable ama tıklanamıyorsa (hiçbiri sadece işaretçi-etkinliğini kaldırdı)
+1

Cover_button'u ve gerçek düğmeyi bir kapsayıcıya sardığınızda, tıklatmayı ana kapsayıcıya bağlayabilir ve gerçek düğmeyi tıklatmasını sağlayabilirsiniz. Bu, bir sebepten dolayı imkansızsa, klik sesi kısaca tıklayıp, altındaki öğeyi alın ve tıklama olayını tetikleyin. daha fazla yardım için bir keman yayınla. –

+0

Düğme iframe olduğu için bunu nasıl yapacağımı bilmiyorum. Neyse burada jsfiddle tıklanabilir http://jsfiddle.net/3PXTK/1/ Hoverable http://jsfiddle.net/3PXTK/ – user2534878

+0

başka bir etki alanından içeriğe sahip bir iFrame kullandığınız bu. Bu içeriği ciddi çaba sarf etmeden kullanamazsınız. Ben plugins –

cevap

2

Bir çereziniz olamaz ve bir kurabiye yiyebilirsiniz. - Hiçbir şey

hiçbiri tıklama olmadığını, hiçbir hover, etkin demektir belirtilen HTML öğesi

tüm tıklama, eyalet ve imleç seçenekleri önler: işaretçi olayları nasıl çalıştığını ilk için anlamak zorunda imleç ile. Tamam diyemem, sadece vurgulu ve başka hiçbir şey istemiyorum.

BTW. FB bunu böyle yapar, çünkü düğmelerdeki herhangi bir değişikliğe izin vermezler. Bir görünümü değiştiremez, kapatamazsınız vb.