Active X код блокировки ошибки

Question

Мой код работает в Firefox, но перерывы в Chrome. Это происходит только тогда, когда я включаю встроенные фреймы или встраиваемые объекты.

В IE Получаю сообщение о содержании блокировки Active X на странице.

Я нажимаю кнопку «Разрешить содержимое», и код работает, иначе он разбивается и на IE.

что может быть причиной этой ошибки? Я читал, что элементы HTML не могут перекрывать элементы Active X. У меня есть iframe, но также заголовок (фиксированная позиция на прокрутке) и фиксированная позиционная панель навигации справа от экрана, которые должны оставаться поверх всех элементов, но добавление встроенного содержимого приводит к исчезновению этих липких div.

В этом проблема? Есть ли обходной путь?

Answer 1

Я взглянул на вашу скрипку, и я нашел решение; Что вам нужно сделать, так это дать вашему заголовку z-index. Если вы не укажете z-index в css, браузер упорядочивает элементы в том порядке, в котором они отображаются в вашем дереве DOM. Также я заметил, что ваше меню было закрыто неправильно. Вы можете увидеть, что я сделал здесь:

.title{ 
      width:100%; 
      font-size:200%; 
      background-color:#0C2C52;/*Alternative: #6D929B */ 
      opacity:.9; 
      color: white; 
      text-align: center; 
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; 
      border-radius: 2px; 
      z-index:999; 
     } 

http://jsfiddle.net/F9y7V/8/