2012-05-15 3 views

ответ

1

Вам нужно создать два div, которые находятся точно в одном месте. Затем вы кладете содержание вспышки в Div 1 и содержимое, вы хотите «сверху» в DIV 2.

<div id="holder"> 
    <div id="flash_header_background">FLASH HERE</div> 
    <div id="header_foreground">CONTENT HERE</div> 
</div> 

Тогда вы стиль вашего Div с помощью CSS, чтобы они друг на друга.

#holder { 
    height: 250px; /* Flash height */ 
    width: 800px; /* Flash width */ 
    position: relative; 
} 

#flash_header_background { 
    z-index: 1; 
    position: absolute; 
    height: 100%; 
    width: 100%; 
} 

#header_foreground { 
    z-index: 2; /* Puts this div above the background DIV */ 
    position: relative; 
    height: 100%; 
    width: 100%; 
} 

ВАЖНО: Не забудьте установить wmode вашего содержания флэш в opaque или transparent. - Спасибо за напоминание С.Т.Р.А.Х.

+0

И не забудьте установить wmode в непрозрачный или прозрачный. – strah

+0

Я следую вашей инструкции, но она отображается только на определенном хроме, а в другом браузере нет, как решить? мой сайт http://www.threelas.com –

+0

Я пробовал это в: Safari, Google Chrome и Firefox. Все работают нормально. Я редактировал свой пост, поэтому попробуйте новый CSS. –

1

Самым важным элементом участвует в принятии флэш-носителя фона (т.е. возможность размещать вещи наверх него), чтобы убедиться, что при вложении, вы устанавливаете wmode в opaque или transparent , Несоблюдение этого означает, что независимо от того, что средства массовой информации будут отображать на других элементах страницы.

Кроме этого, вам просто нужно использовать CSS для размещения контента по медиа через position: absolute; и, возможно, выделение более высокого значения для z-index.

Смежные вопросы