unity objekt pod html obsahom

1daemon1 · Napísal **1daemon1**: 04.01.2013 0:06

Zdravim. Chcel by som pouzit unity objekt ako pozadie webu (prezentacny ucel) a nad neho pouzit html obsah. Problem je, ze zatial co vo FF a Opere sa obsah zobrazuje spravne - nad objektom, chrome mi ho vzdy prekryje. Nepomaha mi ani nastavit z-index.
ukazka:

Kód:

<!DOCTYPE html>



<html lang="sk">
      <head>
            <meta charset="utf-8" />
            <title></title>
            <link rel="stylesheet" href="css/reset.css" />
            <link rel="stylesheet" href="css/basic.css" />
            <script type="text/javascript" src="js/jquery_1_8_2.js"></script>
            <script type="text/javascript" src="js/unity.js"></script>
            <script type="text/javascript">
               if(document.all){
                  availW = document.body.clientWidth;
                   availH = document.body.clientHeight;
                } else {
                  availW = innerWidth; availH = innerHeight;
               }
               function GetUnity() {
                  if (typeof unityObject != "undefined") {
                  return unityObject.getObjectById("unityPlayer");
                  }
                  return null;
               }
               if (typeof unityObject != "undefined") {
                  unityObject.embedUnity("unityPlayer", "WebPlayer.unity3d", parseInt( availW ), parseInt( availH ));
               }
      </script>
      </head>
      <body>
         <div id="unityPlayer">
            <div class="missing">
               <a href="http://unity3d.com/webplayer/" title="Unity Web Player. Install now!">
                  <img alt="Unity Web Player. Install now!" src="http://webplayer.unity3d.com/installation/getunity.png" width="193" height="63" />
               </a>
            </div>
         </div>
         <div id="container">
         </div>
      </body>
</html>

basic.css:

Kód:

div#unityPlayer {
      position: absolute;
      left: 0;
      top: 0;
      width: 1px;
      height: 1px;
      z-index: 1;
}

div#container {
      margin: 0 auto 0;
      width: 960px;
      position: relative;
      z-index: 2;
}

Nenapada niekoho nejaka finta ktoru by som mohol vyskusat alebo nevie niekto riesenie ? Prosim napiste.

unity objekt pod html obsahom

Podobné témy