Salve, qualcuno sa perché un iframe resta sempre in primo piano nonostante abbia uno z-index inferiore a quello di un div che dovrebbe coprirlo in parte?
Grazie a tutti in anticipo
Salve, qualcuno sa perché un iframe resta sempre in primo piano nonostante abbia uno z-index inferiore a quello di un div che dovrebbe coprirlo in parte?
Grazie a tutti in anticipo
perché l'iframe, essendo una "finestra aperta su altro" ha la prevalenza sui contenuti della pagina.
ciò nonostante, alcuni browser (non ricordo bene quali), consentono la visualizzazione indicizzata, ma non è una regola univoca
Grazie per la risposta Vincent.
Come posso allora mascherare solo una porzione dell'iframe' E' possibile in qualche modo?
....
edit
non era come ricordavo
la risorsa è questa:
http://docs.jquery.com/Plugins/bgiframe
non avendola mai usata non so darti dettagli
Ho trovato un thread che potrebbe interessarti: http://www.codingforums.com/archive/.../t-241119.htmlOriginariamente inviato da marco.agelao
Grazie per la risposta Vincent.
Come posso allora mascherare solo una porzione dell'iframe' E' possibile in qualche modo?
In particolar modo il codice seguente:
Se specifichi meglio quello che vuoi ottenere posso provare a darti una mano.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> * { margin:0; padding:0; } .iframe_container { width:500px; /*adjust according to your iframe size*/ height:500px; /*adjust according to your iframe size*/ position:relative; } iframe, .mask { width:100%; height:100%; position:absolute; top:0; left:0; } .mask { z-index:2; cursor:pointer; } iframe { z-index:1; } </style></head> <body> <div class="iframe_container"> <div class="mask"></div> <iframe id="my1" src="CSS_tooltip.html" ></iframe> </div> </body> </html>
ciao Nick60,
ricorda di utilizzare il tag CODE per postare codice
grazie nick60. ok allora io ho un div in cui ho inserito un iframe che mi serve per visualizzare un swf. vorrei pero' sovrapporre ad una zona dell' iframe un altro div che dovra' quindi nascondere quella parte di iframe
Azz, appena arrivato e già faccio casino... sorry, starò più attento alla prossima! :-)Originariamente inviato da Vincent.Zeno
ciao Nick60,
ricorda di utilizzare il tag CODE per postare codice
Due cose due:Originariamente inviato da marco.agelao
grazie nick60. ok allora io ho un div in cui ho inserito un iframe che mi serve per visualizzare un swf. vorrei pero' sovrapporre ad una zona dell' iframe un altro div che dovra' quindi nascondere quella parte di iframe
1. Quale browser stai utilizzando (almeno così all'inizio proviamo su lo stesso browser, poi vediamo se ci sono problemi con gli altri...)
2. Puoi pubblicare una pagina di prova indicandomi la zona da nascondere? così provo a darti una mano.
Ho risolto, per il momento, con la stessa logica per cui l'iframe si sovrappone agli altri elementi.
Ho creato un nuovo iframe a coprire la parte del precedente che volevo celare.
Certo non è la situazione ottimale ma per ora può andare.
Ovviamente non è possibile renderla trasparente.
Permessi di invio
Rispondi quotando