Foros del Web » Creando para Internet » CSS »

Transparencia encima de la imagen

Estas en el tema de Transparencia encima de la imagen en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 29/05/2010, 09:11
Avatar de Jota_sk  
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 0
Transparencia encima de la imagen

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?
  #2 (permalink)  
Antiguo 29/05/2010, 11:16
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Transparencia encima de la imagen

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!
  #3 (permalink)  
Antiguo 29/05/2010, 14:09
Avatar de Jota_sk  
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Transparencia encima de la imagen

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?

Última edición por Jota_sk; 29/05/2010 a las 14:23
  #4 (permalink)  
Antiguo 29/05/2010, 15:44
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Transparencia encima de la imagen

Cita:
Iniciado por Jota_sk Ver Mensaje
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 Ver Mensaje
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.
  #5 (permalink)  
Antiguo 29/05/2010, 16:26
Avatar de Jota_sk  
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Transparencia encima de la imagen

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.
  #6 (permalink)  
Antiguo 29/05/2010, 20:37
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Transparencia encima de la imagen

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.
  #7 (permalink)  
Antiguo 30/05/2010, 08:07
Avatar de Jota_sk  
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Transparencia encima de la imagen

Y hay alguna manera de evitar eso, que al guardar la pagina no se guarde la imagen?
  #8 (permalink)  
Antiguo 30/05/2010, 10:02
 
Fecha de Ingreso: julio-2009
Mensajes: 28
Antigüedad: 8 años, 4 meses
Puntos: 0
Respuesta: Transparencia encima de la imagen

no xdxdxd
la unica manera es poniendo tu imagen de protección dentro de la imagen original
  #9 (permalink)  
Antiguo 30/05/2010, 13:56
 
Fecha de Ingreso: febrero-2010
Mensajes: 15
Antigüedad: 7 años, 10 meses
Puntos: 0
Respuesta: Transparencia encima de la imagen

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....
  #10 (permalink)  
Antiguo 30/05/2010, 15:26
Avatar de Jota_sk  
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Transparencia encima de la imagen

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.
  #11 (permalink)  
Antiguo 30/05/2010, 15:43
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Transparencia encima de la imagen

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
  #12 (permalink)  
Antiguo 30/05/2010, 17:14
Avatar de Jota_sk  
Fecha de Ingreso: octubre-2008
Mensajes: 188
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Transparencia encima de la imagen

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.

Etiquetas: encima, transparencia
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:14.