Nel mio sito, in cui ho inserito dei css per posizionare dei div, ho inserito un SWFObject caricato dinamicamente con javascript.
Ho notato che se lo visualizzo con Firefox va tutto bene ma il problema si verifica con IExplorer che mi visualizza l'swf sopra tutto, nascondendo testo e immagine.
Ho provato anche a dare la z-index ad ogni div ma comunque non risolvo il problema, il flash è sempre su ogni cosa! Forse devo dare qualche parametro al javascript?
Questo è il codice:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Two Women in the World</title>
<script type="text/javascript" src="swfobject.js"></script>
<style type="text/css">
/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
}
#flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #000000;
color:#ffffff;
font-family:sans-serif;
font-size:30;
}
a {
color:#cccccc;
}
#logo {
width: 1000px;
height: 100px;
position: absolute;
left: 50%;
margin-left: -500px;
padding-top: 0px;
top: 0px;
}
#back {
width: 54px;
height: 16px;
position: absolute;
margin-left: 50px;
padding-top: 0px;
bottom: 10px;
}
#copertura {
background: #000000;
width: 100%;
height: 70px;
position: absolute;
right: 0px;
margin-left: -600px;
padding-top: 0px;
bottom: 0px;
}
.Stile1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Stile2 {color: #FFFFFF}
.Stile3 {font-size: 14px}
</style>
</head>
<body>
<div id="flashcontent">TiltViewer requires JavaScript and the latest Flash Player. Get Flash here. </div>
<script type="text/javascript">
var fo = new SWFObject("TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000");
// TILTVIEWER CONFIGURATION OPTIONS
// To use an option, uncomment it by removing the "//" at the start of the line
// For a description of config options, go to:
// http://www.airtightinteractive.com/p...g_options.html
//FLICKR GALLERY OPTIONS
// To use images from Flickr, uncomment this block
//fo.addVariable("useFlickr", "true");
//fo.addVariable("user_id", "48508968@N00");
//fo.addVariable("tags", "jump,smile");
//fo.addVariable("tag_mode", "all");
//fo.addVariable("showTakenByText", "true");
// XML GALLERY OPTIONS
// To use local images defined in an XML document, use this block
fo.addVariable("useFlickr", "false");
fo.addVariable("xmlURL", "gallery.xml");
fo.addVariable("maxJPGSize","640");
//GENERAL OPTIONS
fo.addVariable("useReloadButton", "false");
fo.addVariable("columns", "5");
fo.addVariable("rows", "5");
//fo.addVariable("showFlipButton", "true");
//fo.addVariable("showLinkButton", "true");
//fo.addVariable("linkLabel", "View image info");
fo.addVariable("frameColor", "0xFFFFFF");
fo.addVariable("backColor", "0xFFFFFF");
fo.addVariable("bkgndInnerColor", "0x000000");
fo.addVariable("bkgndOuterColor", "0x000000");
//fo.addVariable("langGoFull", "Go Fullscreen");
//fo.addVariable("langExitFull", "Exit Fullscreen");
//fo.addVariable("langAbout", "About");
// END TILTVIEWER CONFIGURATION OPTIONS
fo.addParam("allowFullScreen","true");
fo.write("flashcontent");
</script>
<div id="logo" style="position: absolute;z-index: 2;">
<div align="center">[img]logo_w.png[/img]</div>
</div>
<div class="Stile1" id="back" style="position: absolute;z-index: 4;">Back</div>
<div class="Stile1" id="copertura" style="position: absolute;z-index: 3;"></div>
</body>
</html>
Dov'è l'errore? Nel CSS o in JAVAScript?
Rispondi quotando
27CDB6E-AE6D-11cf-96B8-444553540000\" width=\""+this.getAttribute("width")+"\" height=\""+this.getAttribute("height")+"\" style=\""+this.getAttribute("style")+"\">";_19+="< param name=\"movie\" value=\""+this.getAttribute("swf")+"\" />";var _1d=this.getParams();for(var key in _1d){_19+="<param name=\""+key+"\" value=\""+_1d[key]+"\" />";}var _1f=this.getVariablePairs().join("&");if(_1f.lengt h>0){_19+="<param name=\"flashvars\" value=\""+_1f+"\" />";}_19+="</object>";}return _19;},write:function(_20){if(this.getAttribute("us eExpressInstall")){var _21=new deconcept.PlayerVersion([6,0,65]);if(this.installedVer.versionIsValid(_21)&&!this. installedVer.versionIsValid(this.getAttribute("ver sion"))){this.setAttribute("doExpressInstall",true );this.addVariable("MMredirectURL",escape(this.get Attribute("xiRedirectUrl")));document.title=docume nt.title.slice(0,47)+" - Flash Player Installation";this.addVariable("MMdoctitle",docume nt.title);}}if(this.skipDetect||this.getAttribute( "doExpressInstall")||this.installedVer.versionIsVa lid(this.getAttribute("version"))){var n=(typeof _20=="string")?document.getElementById(_20):_20;n. innerHTML=this.getSWFHTML();return true;}else{if(this.getAttribute("redirectUrl")!="" ){document.location.replace(this.getAttribute("red irectUrl"));}}return false;}};deconcept.SWFObjectUtil.getPlayerVersion= function(){var _23=new deconcept.PlayerVersion([0,0,0]);if(navigator.plugins&&navigator.mimeTypes.length ){var x=navigator.plugins["Shockwave Flash"];if(x&&x.description){_23=new deconcept.PlayerVersion(x.description.replace(/([a-zA-Z]|\s)+/,"").replace(/(\s+r|\s+b[0-9]+)/,".").split("."));}}else{if(navigator.userAgent&&n avigator.userAgent.indexOf("Windows CE")>=0){var axo=1;var _26=3;while(axo){try{_26++;axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+_26 );_23=new deconcept.PlayerVersion([_26,0,0]);}catch(e){axo=null;}}}else{try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");} catch(e){try{var axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");_ 23=new deconcept.PlayerVersion([6,0,21]);axo.AllowScriptAccess="always";}catch(e){if(_23. major==6){return _23;}}try{axo=new ActiveXObject("ShockwaveFlash.ShockwaveFlash");}ca tch(e){}}if(axo!=null){_23=new deconcept.PlayerVersion(axo.GetVariable("$version" ).split(" ")[1].split(","));}}}return _23;};deconcept.PlayerVersion=function(_29){this.m ajor=_29[0]!=null?parseInt(_29[0]):0;this.minor=_29[1]!=null?parseInt(_29[1]):0;this.rev=_29[2]!=null?parseInt(_29[2]):0;};deconcept.PlayerVersion.prototype.versionIsV alid=function(fv){if(this.major<fv.major){return false;}if(this.major>fv.major){return true;}if(this.minor<fv.minor){return false;}if(this.minor>fv.minor){return true;}if(this.rev<fv.rev){return false;}return true;};deconcept.util={getRequestParameter:functio n(_2b){var q=document.location.search||document.location.hash ;if(_2b==null){return q;}if(q){var _2d=q.substring(1).split("&");for(var i=0;i<_2d.length;i++){if(_2d[i].substring(0,_2d[i].indexOf("="))==_2b){return _2d[i].substring((_2d[i].indexOf("=")+1));}}}return "";}};deconcept.SWFObjectUtil.cleanupSWFs=function (){var _2f=document.getElementsByTagName("OBJECT");for(va r i=_2f.length-1;i>=0;i--){_2f[i].style.display="none";for(var x in _2f[i]){if(typeof _2f[i][x]=="function"){_2f[i][x]=function(){};}}}};if(deconcept.SWFObject.doPrepUn load){if(!deconcept.unloadSet){deconcept.SWFObject Util.prepUnload=function(){__flash_unloadHandler=f unction(){};__flash_savedUnloadHandler=function(){ };window.attachEvent("onunload",deconcept.SWFObjec tUtil.cleanupSWFs);};window.attachEvent("onbeforeu nload",deconcept.SWFObjectUtil.prepUnload);deconce pt.unloadSet=true;}}if(!document.getElementById&&d ocument.all){document.getElementById=function(id){ return document.all[id];};}var getQueryParamValue=deconcept.util.getRequestParame ter;var FlashObject=deconcept.SWFObject;var SWFObject=deconcept.SWFObject;
