By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
435,011 Members | 2,967 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 435,011 IT Pros & Developers. It's quick & easy.

Div layer goes behind quicktime player in IE

P: 1
I am facing this problem of DIV layer going behind the quick time player in IE 7 browser. It works good in Firefox. HTML code that i am using is below. Is some IE specific code required here? Any help is appreciated.

Expand|Select|Wrap|Line Numbers
  1. <html>
  2. <head>
  3. <title>Sample Page</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  5. <style type="text/css">
  6. <!--
  7. #overlay{position:absolute; left:100px; top: 100px; padding: 5px; background: rgb(220, 233, 240) none repeat scroll 0%; z-index: 1;}
  8.  
  9. #player{position: absolute;
  10.     left: 200px; top: 80px; background: rgb(45, 114, 157) none repeat scroll 0%; overflow: hidden; width: 480px; height: 295px; font-size: 1px;z-index:0;
  11. }
  12.  
  13. -->
  14. </style>    
  15. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  16. <!--
  17. // these are the scripts that are called in the links.
  18.  
  19. var texttop = 100;
  20. var textleft = 100;
  21.  
  22. function move(amount)
  23. {
  24.     var x = document.getElementById('overlay');
  25.     texttop += amount;
  26.     x.style.top = texttop;
  27. }
  28.  
  29. function hmove(amount)
  30. {
  31.     var x = document.getElementById('overlay');
  32.     textleft += amount;
  33.     x.style.left = textleft;
  34. }
  35. // -->
  36. </SCRIPT></head>
  37.  
  38. <body>
  39. <div id="player">
  40.     <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" 
  41.         codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=7,3,0,0" id="movieName2"  
  42.         height="295" width="480">
  43.         <param name="src" value="somemovie480.mov">
  44.         <object data="somemovie480.mov" type="video/quicktime" 
  45.         height="295" width="480">
  46.         <param name="wmode" value="transparent">
  47.         <param name="autoplay" value="true">
  48.         <param name="controller" value="false">
  49.         </object>
  50.         <param name="autoplay" value="true">
  51.         <param name="saveembedtags" value="true">
  52.         </object>
  53.  
  54. </div>
  55.  
  56. <div id="overlay">Overlay</div>
  57.  
  58. <br>
  59. Move div <A CLASS="page" HREF="javascript:move(50);">50 pixels down</A>.<BR>
  60. Move div <A CLASS="page" HREF="javascript:move(-50);">50 pixels up</A>.<BR>
  61. Move div <A CLASS="page" HREF="javascript:hmove(-50);">50 pixels left</A>.<BR>
  62. Move div <A CLASS="page" HREF="javascript:hmove(50);">50 pixels right</A>.<BR>
  63.  
  64.  
  65. </body>
  66. </html>
  67.  
  68.  
Feb 1 '08 #1
Share this Question
Share on Google+
1 Reply


acoder
Expert Mod 15k+
P: 16,027
See if this recent thread is any help.
Feb 1 '08 #2

Post your reply

Sign in to post your reply or Sign up for a free account.