/* Apagar las luces ----------------------------------------------- */ #videoLuces { position:relative; z-index:102; } #apagador { max-width:640px; text-align:left; position:relative; height:25px; display:block; margin: 25px 0 0 60px; } .lightSwitcher { position:absolute; z-index:101; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqUk5GZr_nxdx_Ue0yIWAa8ZP3L_mPBSQZ7ZMqlfa-2ncvAJBGkI8HkjaMrHmoAYCX4gpoI8hONkHrw0Y1GFbMl5uEGWZXteUqlvzHDu9fRjl4k3FkMQVI9rovdDB9DIyD0YuzGE1bSWg/s16/luces-on.png); background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px; outline:none; text-decoration:none; } .lightSwitcher:hover {text-decoration:underline;} .turnedOff { color:#ffff00 !important; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimjTkpL6a_dbz8XI_IM6e86NPep_cZFU_rjju-9V50KbtzNtTYIQ7s0gMJ7A3K5JYiC6D04YuBr5CumkiJcyyYB2v-JecVWm58xFmJKthjBf3nFYkRzMO3o7ufErihBofZfAWXoPsUV90/s16/luces-off.png); } #oscuridad { background:#000; opacity:0.7; /* Opacidad de la pantalla */ filter:alpha(opacity=70); /* Opacidad de la pantalla */ position:absolute; left:0; top:0; width:100%; z-index:100; }

Arrastrar y soltar

Drag the W3Schools image into the rectangle:

No hay comentarios.:

Publicar un comentario

Suscribirse a: Entradas (Atom)