internet explorer - iframe covering an object tag and transparent background -
the page has object tag, cover object tag iframe , transparent background. iframe add property allowtransparency = "true" , target page body tag add background-color: transparent style.
in ie9, iframe not background transparent cover object tag object label outside, no problem; in ie8, iframe set allowtransparency = "true" attribute can not cover object tab, delete allowtransparency = "true" attribute iframe cover object tab, the iframe background can not transparent.
additional description: object tag not flash animation 3d scene.
waiting me resolve problems, thank much!
main.html code:
<!doctype html> <head> <meta charset="utf-8" /> </head> <body> <object width="100%" type="application/x-treasure3d" height="100%" classid="clsid:8417868f-1460-5119-b620-a4bc1f2dfcaf">3dtags</object> <div class="dialog" style="width:500px;height:300px;position:absolute;left:300px;top:80px;z-index:9999999;overflow:hidden;"> <div style="width:100%;height:100%;left:0;top:0;position:absolute;z-index:99999;"> box dialog body </div> <iframe src="transparent.html" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" style="background-color:transparent;width:100%;height:100%;position:absolute;z-index:-99;left:0;top:0;"></iframe> </div> </body> transparent.html page code:
<!doctype html> <html> <head> </head> <body style="background:transparent;"> </body> </html>
Comments
Post a Comment