Hacer div no seleccionable detrás de la superposición

Quiero mostrar la superposición sobre el div. Después de mostrar la superposición, no quiero permitir seleccionar ese div de fondo. Pero cuando hago doble clic en la superposición, ese div de fondo está en estado seleccionable. ¿Puede usted por favor cualquiera mirar en esto. http://jsfiddle.net/fkWn5/2/

preguntado el 03 de mayo de 12 a las 08:05

2 Respuestas

Solución

Puede hacer esto usando las reglas de selección de usuario en css y agregando esta clase al elemento de fondo una vez que enciende la superposición:

CSS:

.unselectable { 
-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

agregando la clase con jquery:

$('#backgrounddiv').addClass('unselectable');

ejemplo de jsfiddle:

Referencias:

contestado el 23 de mayo de 17 a las 13:05

$(document).ready(function() {
    $('#search_name').on('keyup',
    function() {
        search_name = $(this).val();
        $("#names li:contains('" + search_name + "')").addClass('highlight').siblings().removeClass('highlight');
    });
});

contestado el 03 de mayo de 12 a las 08:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.