Ver Mensaje Individual
  #8 (permalink)  
Antiguo 05/04/2011, 07:28
Avatar de Kamae
Kamae
 
Fecha de Ingreso: abril-2008
Ubicación: Barcelona (Catalunya)
Mensajes: 307
Antigüedad: 16 años
Puntos: 13
Respuesta: Galeria de imagenes con vistas previas

Hola de nuevo

En Mozilla funciona correctamente, aunque ciertamente en Internet Explorer permitía guardarse las imágenes. A parte de que haciendo lo que te conté de quitar las imágenes de la parte pública (lo cuál hará que sólo puedan guardarse una miniatura a mala calidad), puedes probar más cosas. El problema es que en IE todo lo que no ocupe el "SUSCRÍBETE" sí que permite acceder a lo de atrás, pero basta con ponerle un fondo transparente con CSS para que tenga en cuenta tooodo el div y no deje acceder a lo de atrás.

Código PHP:
opacity:0.4// Para Mozilla Firefox
filter:alpha(opacity=40); // Para Internet Explorer 
Además si en vez de poner las imágenes como <img> las pones como background-image en CSS también es un poco mejor para el bloqueo en IE. Vaya, que ahora está probado y no sé si te sirve o no, pero evita que accedan a la capa de atrás. El código queda así:

Código PHP:
<html>
<
body>
    <
div style="width:700px; height:500px; position:absolute; z-index:0;">
        
Usuario: <input type="text" value="Auron" readonly><br/>
        
Contrase&#241;a: <input type="text" value="******" readonly> <input type="button" value="Cambiar" onclick="javascript:void(0);">
        
Fecha de registro: <input type="text" value="05-04-2011" readonly><br/>
        
Im&#225;genes:<br/><br/>
        
<div style="float:left; width:300px; height:300px; background-image:url('http://ubuntulife.files.wordpress.com/2008/04/space-art-wallpaper.jpg');"></div>
        <
div style="float:left; width:300px; height:300px; background-image:url('http://sp3.fotolog.com/photo/19/34/118/fleta_30/1237233228527_f.jpg');"></div><br clear="all"/>
        <
div style="float:left; width:300px; height:300px; background-image:url('http://www.macoteca.com/wp-content/uploads/2008/11/wallpaper10.jpg');"></div>
        <
div style="float:left; width:300px; height:300px; background-image:url('http://www.institutourbano.com/wp-content/uploads/2010/06/rapsuus-siempre.jpg');"></div><br/>
    </
div>
    <
div style="width:700px; height:750px; z-index:2; position:absolute; font-size:54pt; text-align:center; color:red; background:#FFFFFF;display:block;opacity:0.4;filter:alpha(opacity=40);">
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
        
SUSCR&#205;BETE<br/>
    
</div>
</
body>
</
html
Saludos