Rendi l'elemento non modificabile (fai clic su di esso)

Question

Ho un'immagine fissa che si sovrappone a una pagina quando l'utente sta eseguendo lo scorrimento di uno schermo tattile (mobile).

Voglio rendere quell'immagine "non modificabile" o "inattiva" o qualsiasi altra cosa, in modo che se un utente tocca e trascina da quell'immagine, la pagina dietro di esso continua a scorrere come se l'immagine non fosse lì "bloccando" il interazione.

È possibile? Se necessario, potrei provare a fornire schermate esemplificative di ciò che intendo.

Grazie!

Answer 1

L'impostazione CSS - pointer-events: none dovrebbe rimuovere qualsiasi interazione del mouse con l'immagine. Supportato abbastanza bene in tutto tranne IE.

Here's a full list dei valori pointer-events può richiedere.

Answer 2

CSS Pointer Events è ciò che si desidera guardare. Nel tuo caso, imposta pointer-events su "none". Guarda questo JSFiddle per un esempio ... http://jsfiddle.net/dppJw/1/

Si noti che facendo doppio clic sull'icona si continuerà a dire che si fa clic sul paragrafo.

div.child { 
    ...  
    background: #fff; 
    pointer-events: none //This line is the key! 
}