Слой прозрачный <div>поверх .swf файла.Должен ли я использовать z-index или непрозрачность, или что-то еще?

Question

Итак, у меня есть анимация, которую я хочу запустить в фоновом режиме моего сайта.

http://www.theartificialasylum.com/index3.html

Я хочу наложить несколько элементов div на эту анимацию, содержащую изображения, тексты и т. Д. Я пытался использовать z-index в файле CSS и различные варианты использования opacity, но безрезультатно.

Кто-нибудь может увидеть, где я иду не так? это лучшее, чего я могу достичь: http://www.theartificialasylum.com/adex.html

Answer 1

Используя инструменты разработчика Chrome, я добавил немного текста в блок 102, присвоил ему класс «lawl», использовал только эту таблицу стилей и смог выполнить то, что звучит так, как вы хотели:

body{
    background-color: #000000;
    color: #fff;
}

#flashContent { 
    position:absolute;
    top: 0;
    left: 0;
}

.lawl {
    background: #023;
    opacity: .5;
}

Я не уверен, в чем проблема. Может быть, это ваш строгий доктайп. (Я использую только переходный.) Может быть, это потому, что вы применяли слишком много вещей к тегу html.

Я рекомендую немного очистить ваш код, использовать больше семантических идентификаторов, поместить тестовый текст в ваши div и разбить его на части так, чтобы вы одновременно тестировали только несколько переменных / строк кода добиться того, что вы хотите.

Кроме того, сохранение чертовски непрозрачных IE исправляет до последнего, пока вы не сделаете все остальное.