2011-01-24 10 views
9

Diciamo che ho un effetto grafico che voglio sovrapporre HTML-Text. Questo elemento non dovrebbe interferire con l'usabilità del sito, non avrebbe alcun scopo interattivo. È possibile disabilitare tutte le interazioni del mouse su un determinato oggetto html, ad esempio su una tela, in modo tale da poter ancora interagire (cliccare sui collegamenti, selezionare il testo, ...) con gli oggetti sottostanti?Posso disabilitare ogni interazione del mouse con una tela per interagire con gli oggetti sottostanti?

sarebbe fantastico!

+0

Sarebbe fantastico. Qualcuno può farlo? –

risposta

20

L'utilizzo dello pointer-events:none CSS property (implementato per primo in SVG, nel suo percorso verso HTML) consente di disattivare il rilevamento dei colpi per un elemento.

Questo non è standard al momento della stesura e solo supportato in un sottoinsieme di browser. (Firefox e Safari/Chrome, ma non Opera o IE.) Oltre a questo, non c'è modo di farlo.

Questo è il in-progress CSS3 reference per questa proprietà.

Vedere anche questa domanda: CSS pointer-events property alternative for IE.

+0

grazie per il suggerimento! Ho controllato, hai ragione, Safari e FF possono farlo, l'opera non può ... Non vedo l'ora che questo diventi standard! – rassoh

+0

@Gaggo Sei il benvenuto. Quando sei nuovo su Stack Overflow, sappi che dovresti mandare in su (triangolo verso l'alto) tutte le risposte che ritieni siano state utili, e accettare (segno di spunta) l'unica risposta (se esiste) che meglio risponde alla tua domanda. Non sto suggerendo che tu debba accettare il mio - è spesso bene aspettare qualche giorno per vedere se arriva una risposta migliore, specialmente quando le risposte finora sono "non è possibile" - ma aiuta gli altri utenti, il sito, la reputazione di coloro che donano il loro tempo e la tua reputazione di partecipare a mettere in risalto le buone risposte. – Phrogz

+0

@ Progz Grazie per le istruzioni, non ho ancora familiarità con il sistema ... Puoi anche dirmi dove posso attivare una notifica via email, se qualcuno risponde al mio post? – rassoh

0

No - se l'elemento è disegnato sopra (indice Z più alto), il mouse non dovrebbe essere in grado di interagire con esso.

+0

Ciao alex, grazie per la tua risposta, che tristezza ... Vuoi dire, il mouse può sempre interagire solo con gli elementi con lo z-index più alto, giusto? Ci sarebbe un modo per propagare un evento dall'elemento più alto a quello inferiore? – rassoh

+0

@Gaggo Non ci credo, per la maggior parte dei casi non avrebbe senso lasciare che i clic si propagassero ad elementi * nascosti * o * coperti *. Anche se potrei sbagliarmi. – alex

Problemi correlati