Transparencia encima de la imagen

Jota_sk · #1 (**permalink**) 29/05/2010, 08:11

Estoy creando una web, pero necesito que encima de toda la web, haya una capa con una imagen de 5x5 repetida durante toda la web, para que la gente no copie imágenes ni texto. Se que asi no podrán hacer click en nada ni nada, pero simplemente esa pagina solo tendrá imágenes y texto, nada mas. No se muy bien como hacerlo, he intentado poner un div, y luego ponerle la imagen de fondo, y el z-index:1, pero nada. Como sería?

cristian_cena · #2 (**permalink**) 29/05/2010, 10:16

Hola Jota_sk:

<body>
<div id="encima"></div>
<div id="debajo"></div>
<body>

y en los estilos:

#encima{position:absolute; top:0; left:0; bakground:url(tuimagen.png) repeat; z-index:2; width:100%; height:100%;}
#debajo{position:relative; z-index:1;}

mientras mayor sea el z-index mas adelante se va a ver la capa, tienes para superponer hasta el valor 999. Para que el z-index funcione tus capas (todas) deben tener algún position asignado y deben ser hermanas entre sí.

La transparencia la puedes dar en la misma imágen PNG, para mi es lo mas efectivo. Si vas a dar soporte a ie6 ten cuidado, (busca por png en ie6 en google)

Espero te sirva, un saludo!

Jota_sk · #3 (**permalink**) 29/05/2010, 13:09

Gracias, pero tengo un problema, si haces scroll no repite hasta el fin de la pagina si no, solo coge la parte que se be, y si bajo, no le afecta. Lo he probado con una imagen de 5x5 píxeles, roja, para ver si cogía toda la pagina, y no, solo se muestra en la parte que se be, pero si bajo el scroll, no coge toda.

Y se puede poner solo a las imágenes? es decir una imagen trasparente encima de las imágenes? No en toda la web?

cristian_cena · #4 (**permalink**) 29/05/2010, 14:44

Cita:

Iniciado por Jota_sk

si haces scroll no repite hasta el fin de la pagina

Tienes dos caminos:
uno: dale a la capa que se encuentra delante un height igual al de la capa que se encuentra detrás.
dos: dale position:fixed; a la capa que se encuentra delante.

Cita:

Iniciado por Jota_sk

Y se puede poner solo a las imágenes? es decir una imagen trasparente encima de las imágenes? No en toda la web?

Disculpa, no entiendo que quieres decir.

Nos leemos, saludos.

Jota_sk · #5 (**permalink**) 29/05/2010, 15:26

Gracias, poniéndole el fixed, se soluciona. La otra pregunta es que si además de tener toda la web "protegida" por el div trasparente. Se podría hacer lo mismo pero no en toda la web, si no, en todas las imágenes que salen en ella.

cristian_cena · #6 (**permalink**) 29/05/2010, 19:37

pues si, solo le incluyes una capa encima, aunque muy "protegida" que digamos no van a estar tus imágenes ya que simplemente con guardar la página ya se hacen con ellas.

Jota_sk · #7 (**permalink**) 30/05/2010, 07:07

Y hay alguna manera de evitar eso, que al guardar la pagina no se guarde la imagen?

Nillus · #8 (**permalink**) 30/05/2010, 09:02

no xdxdxd
la unica manera es poniendo tu imagen de protección dentro de la imagen original

whelming · #9 (**permalink**) 30/05/2010, 12:56

Hola Jota_sk, esto de las imagenes encima de toda la web ralentizan la web... y eso de querer evitar que no copien imagenes ni texto, no tiene sentido...
Cualquier persona sabe como copiar imagenes...
Yo le pondria una marca de agua a las imagenes, y el texto pues no keda muy satisfecho el usuario al no poder copiar algo para imprimirlo...
Lo que debes buscar al hacer una web es que el usuario quede satisfecho con la web y no limitarlo... Un Saludo. Espero tomes en cuenta mi sugerencia... Llevo años en esto y te aseguro que mientras menos limites a tus usuarios, recibiras mas visitas....

Jota_sk · #10 (**permalink**) 30/05/2010, 14:26

No es limitar al usuario, es simplemente una script, para mostrar un par de imágenes. Pero en mi propio servidor. Es decir, por ejemplo desde casa de un amigo mostrarle imágenes, sin la opción de que el se las copie. Es un script para 3 ó 4 personas como mucho, no es para mucha gente. Pero simplemente hago cosas de estas, para hacer pruebas, como no se que programar ni que hacer, pues voy haciendo mini trabajos, para no olvidarme de las cosas.

alexk · #11 (**permalink**) 30/05/2010, 14:43

me parece absurdo proteger algo en internet (imagenes, contenido)... sino quieres que nadie lo tenga tan simple como no subirlo a internet y ya... pero bueno esto se ah tratado miles de veces... pasate por las FAQS mejor para que te enteres.... envez de crear polemica

Jota_sk · #12 (**permalink**) 30/05/2010, 16:14

Me parece increíble tu post Alexk, simplemente tenía una duda sobre CSS. Y resolviendo esa duda, he preguntado otra cosa relacionado sobre ella para no crear otro post, me lo han solucionado las dos dudas. Que no quiero que lo tenga? todo lo contrario, solo estoy haciendo pruebas con CSS y enseñándome a utilizarlo bien, ya que mi nivel de CSS es bajo. Quizás a ti te parecerá absurdo pero no todos saben lo mismo... Por lo tanto no entiendo a lo que te refieres en crear polémica.