-moz-user-select none no funciona

gAb1 · 22 Abril 2014, 15:54 PM

Estoy tratando de evitar que se pueda seleccionar el texto de una pagina html, pero esa opción no funciona o es el navegador firefox. En Internet explorer funciona perfectamente la otra opción.

En la pagina oficial de mozilla he visto que esa opcion no es standard y que puede no funcionar en algunos navegadores...

¿Conoceis alguna otra forma de que no se pueda seleccionar texto en firefox?

Asi tengo el css:

Código (css) [Seleccionar]


body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

Gracias.

basickdagger · 22 Abril 2014, 16:26 PM

y no has probado colocando un div transparente sobre la parte de contenido?

#!drvy · 22 Abril 2014, 16:29 PM

Precisamente Gecko y Trident son los que mejor soportan esa opcion. Asegurate de aplicarla bien mediante una clase.

Código (css) [Seleccionar]

<html>
<head>
<style type="text/css">
.text {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
</style>
</head>
<body>
<div class="text">asdasdasda</div>
</body>
</html>

PD: A veces es un poco buggeosa.. y si usas ctrl+a no funciona.

Saludos

gAb1 · 22 Abril 2014, 23:09 PM

Si, tengo que probar varias maneras, lo intentare con divs y clases. Pero se supone que body es todo el cuerpo de la pagina, donde esta todo el contenido y quiero que se aplique a todo para que no se pueda seleccionar ningún elemento o imagen.

Precisamente la pagina es un diseño con animaciones y algo de texto descriptivo que se muestra cuando eliges una opción del menú, pero principalmente es todo en general, porque las cosas seleccionadas, normalmente por error, quedan mal estéticamente.

basickdagger · 23 Abril 2014, 19:31 PM

Cita de: gAb1 en 22 Abril 2014, 23:09 PM
Si, tengo que probar varias maneras, lo intentare con divs y clases. Pero se supone que body es todo el cuerpo de la pagina, donde esta todo el contenido y quiero que se aplique a todo para que no se pueda seleccionar ningún elemento o imagen.

Precisamente la pagina es un diseño con animaciones y algo de texto descriptivo que se muestra cuando eliges una opción del menú, pero principalmente es todo en general, porque las cosas seleccionadas, normalmente por error, quedan mal estéticamente.

yo creo que más bien tienes un problema en tus estilos, generalmente los sitios que bloquean o que no permiten la selección es por que no quieren q les copien la información.. me ha tocado pero con un f12 y buscando los textos no les sirve de nada... xD

quizá tu probleme este en como armaste la web y algun estilo interfiere con otro, pero se necesita ver un poco más para no seguir adivinando...

si bloqueas todo el body, me temo que tambien bloquearas el menu, y supongo que eso no es lo que deseas...

saludos

WHK · 23 Abril 2014, 19:55 PM

A mi me funciona bien, talves es tu hoja de estilo.

http://jsfiddle.net/eGFKh/

Que navegador usas? recuerda que si estas usando Google Chrome o Internet Explorer debes refrescar el sitio para poder ver los cambios en el diseño y si usas internet explorer 6, 7, 8 o una versión vieja de firefox (3.x) no te va a funcionar porque esto es css3 (parte de html5).

gAb1 · 24 Abril 2014, 16:06 PM

Utilizo la ultima versión de firefox, y si, es posible que sea un problema con mis estilos o como tengo los divs y demás etiquetas unas dentro de otras...

Hmm sobre lo de bloquear todo el body, sigo pensando que es lo que quiero, ya que el menú no es un menú normal. Las opciones del menú son imágenes (texto convertido a imagen) y se activan con jquery con la función click.

Dejo la direccion temporal del sitio, el texto que no quiero que sea seleccionado es el que hay dentro de las tablas. http://creativosdada.sytes.net/ El código es totalmente visible.

Gracias.

basickdagger · 24 Abril 2014, 17:33 PM

lo abri con chrome y firefox la ultima version, y yo no puedo seleccionar texto.. utilizo SO Mavericks en mac mini...

aunque eso si me aparece muchisimo scroll horizontal...

saludos!

gAb1 · 24 Abril 2014, 17:41 PM

Pues no se que problema hay con mi navegador... voy a probar en otro ordenador. Porque en internet explorer funciona bien, no se selecciona.

Lo de los scroll se debe a que la pagina la diseñe con resolución full hd. Esa es precisamente la pagina que quiero adaptar a resolución 720p. ¿Dices que solo te aparece scroll horizontal y no vertical? ¿Que resolución tienes?

basickdagger · 24 Abril 2014, 18:39 PM

resolución 1280x1024...

vertical tambien me da scroll, pero es minimo...

aunque la mayoria de los usuarios utilizan resoluciones menores a las mias(según el trafico de algunas web),
de ser así, te vendria bien el uso responsivo

saludos!