169 votes

Y a-t-il un moyen de faire un DIV non sélectionnable ?

Voici un intéressant CSS questions pour vous!

J'ai un textarea avec un fond transparent superposition de TEXTE que je voudrais utiliser comme une sorte de filigrane. Le texte est grand et prend la majorité de la textarea. Il a l'air sympa, le problème c'est quand l'utilisateur clique dans le textarea, il sélectionne parfois le filigrane de texte à la place. Je veux le filigrane de texte pour ne jamais être sélectionnable. Je m'attendais si quelque chose a été plus faible dans le z-index, il ne serait pas sélectionnable mais les navigateurs ne semblent pas se préoccuper de z-index couches lors de la sélection d'éléments. Est-il un truc ou une façon de le faire afin que cette division n'est jamais sélectionnable?

245voto

aleemb Points 12138

J’ai écrit une extension jQuery simple pour désactiver la sélection de certains temps de retour : Sélection de désactivation à jQuery. Vous pouvez l’appeler par le biais``

Tour à tour, à l’aide de CSS (cross-browser) :

72voto

KimKha Points 1566

Le code CSS suivant fonctionne presque moderne navigateur :

Pour IE, vous devez utiliser JS ou insérer l’attribut dans la balise html.

54voto

agunn Points 293

Juste mise à jour original d’aleemb, très-upvoted répondre avec quelques ajouts à la css.

Nous avons utilisé le combo suivant :

Nous avons reçu la suggestion pour ajouter l’entrée de webkit-touch de :
http://PhoneGap-Tips.com/Articles/Essential-PhoneGap-CSS-WebKit-Touch-Callout.html

22voto

kim3er Points 3354

Johannes a déjà suggéré, une image d’arrière-plan est probally le meilleur moyen d’y parvenir en CSS seul.

Une solution JavaScript devra également influer sur la « possibilité » pour être efficace dans tous les navigateurs populaires.

JavaScript :

jQuery :

Rich

5voto

Fortega Points 8890

vous pouvez essayer ceci :

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X