Mantieni l'attributo Passa al puntatore con Evento puntatore: nessuno

Ho un pulsante sotto un'immagine di sfondo. Per rendere il pulsante selezionabile, ho aggiunto un "pointer-event: none". Tuttavia, voglio anche un'immagine sprite, in cui modifico l'immagine di sfondo su hover, che anche l'evento pointer disattiva. C'è un modo per mantenere l'attributo hover di un elemento, mentre fai clic sui clic?Mantieni l'attributo Passa al puntatore con Evento puntatore: nessuno

Ho cercato e provato jquery unbind click e ritornò false quando #cover_button è cliccato, ma non ha funzionato.

Ecco il mio codice. Se tengo l'evento puntatore: nessuno posso fare clic sul pulsante sotto la mia immagine di sfondo. Ma questo disabiliterebbe l'attributo hover. Se lo rimuovo non potrò fare clic.

#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); 
}

Edit:
Ecco un violino: cliccabile, ma non hoverable http://jsfiddle.net/3PXTK/1/

Ecco un altro: Hoverable ma non cliccabile (ho appena rimosso il puntatore-eventi: nessuno) http://jsfiddle.net/3PXTK/

fonte

2013-07-12 user2534878

Se si avvolge il tasto cover_button e il pulsante effettivo in un contenitore, è possibile associare il clic al contenitore padre e farlo attivare il clic del pulsante effettivo. Se questo è impossibile per qualche motivo, nascondi brevemente la copertina al clic, ottieni l'elemento sotto di esso e attiva l'evento di clic. pubblicare un violino per ulteriore aiuto. –

Non sono sicuro di come farlo poiché il pulsante è un iframe. In ogni caso ecco la jsfiddle cliccabile http://jsfiddle.net/3PXTK/1/ Hoverable http://jsfiddle.net/3PXTK/ – user2534878

Si sta utilizzando un iframe con contenuti provenienti da un altro dominio. Non sarai in grado di manipolare questo contenuto senza un serio sforzo. Suggerirei di cercare in jquery facebook come plugin –

Non puoi avere un cookie e mangiare un biscotto. Per prima bisogna capire come funziona eventi del puntatore:

nessuno impedisce tutte le opzioni di scatto, statali e cursore sul specificato elemento HTML

Ciò significa che non clic, no hover, non attiva - niente con il cursore. Non puoi dire ok voglio solo hover e nient'altro.

BTW. FB piace così perché non consente alcuna modifica nel pulsante Mi piace. Non è possibile modificare un look, coprirlo, ecc.

fonte

2015-03-06 22:48:00 Kinga

Mantieni l'attributo Passa al puntatore con Evento puntatore: nessuno

risposta

Problemi correlati