Меню перекрывает всплывающее окно

@marra · Регистрация: 19.01.2013

Author24 — интернет-сервис помощи студентам

Помогите, уже 1,5 месяца бьюсь с проблемой.
Если при загрузки флеш-меню нажать на фотографии, то оно перекрывает всплывающее окно (fancybox).
Вставила в файл jquery.fancybox.js

Javascript

1
2
3

var myElement = document.getElementById("gold_box");
myElement.style.position = "relative";
myElement.style.zIndex = "9999";

но не помогло (может не в то место вставила). Что делать?
http://xn----7sbbuodlspqecngc7... child.html
Заранее спасибо.

@kalabuni · 04.01.2014, 02:54

во-первых, значение z-index должно быть числом, а не строкой
кавычки уберите myElement.style.zIndex = 9999;

ну и, во-вторых, то, что у вас перекрывает (меню), явно имеет z-index больший, чем у того, что перекрывается (увеличенная картинка)
сделайте z-index меню меньше, чем z-index всплывающего "окна"

@marra · 04.01.2014, 19:59 **[ТС]**

html

HTML5

<div id="header">  
 
    <!--Valid flash version 8.0-->
    <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
                    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
           width="100%" height="321">
      <param name="movie" value="/templates/flash/header_v8_my.swf?button=1" />
      <param name="quality" value="high" />
      <param name="menu" value="false" />
      <param name="scale" value="noscale" />
      <!--[if !IE]> <-->
      <object data="/templates/flash/header_v8_my.swf?button=1"
           width="100%" height="321" type="application/x-shockwave-flash">
        <param name="quality" value="high" />
        <param name="menu" value="false" />
        <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
        <param name="scale" value="noscale" />
        FAIL (the browser should render some flash content, not this).
      </object>
      <!--> <![endif]-->
    </object>
  </div>

css

CSS

#header {
    position: relative;
    width: 100%;
    height: 354px;
    margin: 0 auto;
  z-index: 1;

js

Javascript

1
2
3

var myElement = document.getElementById("gold_box");
myElement.style.position = "relative";
myElement.style.zIndex = 9999;

У меня не работает. Подскажите, пожалуйста, что я не правильно делаю?

Новые блоги и статьи
Книги и учебные ресурсы по C# InfoMaster 08.01.2025 Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .	Что такое NullReferenceException и как исправить? InfoMaster 08.01.2025 NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .	Что такое Null Pointer Exception (NPE) и как это исправить? InfoMaster 08.01.2025 Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .	Русский язык в консоли C++ InfoMaster 08.01.2025 При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .	Telegram бот на C# InfoMaster 08.01.2025 Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .	Использование GraphQL в Go (Golang) InfoMaster 08.01.2025 Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор? Alexander-7 08.01.2025 Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .	Как работать с GraphQL на TypeScript InfoMaster 08.01.2025 Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .	Счётчик на базе сумматоров + регистров и генератора сигналов согласования. Hrethgir 07.01.2025 Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .	Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	04.01.2014, 02:54	2
	во-первых, значение z-index должно быть числом, а не строкой кавычки уберите myElement.style.zIndex = 9999; ну и, во-вторых, то, что у вас перекрывает (меню), явно имеет z-index больший, чем у того, что перекрывается (увеличенная картинка) сделайте z-index меню меньше, чем z-index всплывающего "окна" 1

	04.01.2014, 19:59