Форум программистов «Весельчак У»
  *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

  • Рекомендуем проверить настройки временной зоны в вашем профиле (страница "Внешний вид форума", пункт "Часовой пояс:").
  • У нас больше нет рассылок. Если вам приходят письма от наших бывших рассылок mail.ru и subscribe.ru, то знайте, что это не мы рассылаем.
   Начало  
Наши сайты
Помощь Поиск Календарь Почта Войти Регистрация  
 
Страниц: [1]   Вниз
  Печать  
Автор Тема: logo поверх флешки  (Прочитано 8880 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Saiko
Постоялец

ru
Offline Offline

« : 31-08-2009 13:46 » 

Необходимо разместить в шапке сайта logo поверх флешки.

Код:
div id="header">
             <!--Flash-->
               <div id="flash">
          <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="293">
             <param name="wmode" value="transparent"/>
             <param name="movie" value="img/header.swf" />
             <param name="quality" value="high" />
             <embed src="img/header.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1000" height="293" ></embed>
            </object>
         </noscript>
             </div>
                      <div id="logo-name"><img src="img/logo-name.gif"></div>
               </div>


СSS
Код:
#header{
    position:relative;
    margin:0px auto;
    background:#FFFFFF url(img/header.jpg) no-repeat center;
    height:290px;
    width:1000px;
    }
   
#header #flash{   
    position:absolute;
    z-index:-1;
}

#logo-name{
    position:absolute;
    z-index:100;
    top:75px;
    left:25px;   
}
Записан
RXL
Технический
Администратор

Offline Offline
Пол: Мужской

WWW
« Ответ #1 : 31-08-2009 13:52 » 

Saiko, почитай про z-index, position, left и top в CSS.
http://www.w3.org/TR/CSS21/propidx.html
Записан

... мы преодолеваем эту трудность без синтеза распределенных прототипов. (с) Жуков М.С.
Saiko
Постоялец

ru
Offline Offline

« Ответ #2 : 01-09-2009 11:45 » 

Код:
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code
</script>

Проблема была в данном коде. После того как я удалил скриптовую часть, z-index стал работать корректно
Записан
Страниц: [1]   Вверх
  Печать  
 

Powered by SMF 1.1.21 | SMF © 2015, Simple Machines