Я прочитал так много руководств о создании flash в качестве фона заголовка, но там есть несколько кодов. Можете ли вы объяснить мне, как сделать flash в качестве фона?Как сделать флешку как заголовок фона
ответ
Вам нужно создать два 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
. - Спасибо за напоминание С.Т.Р.А.Х.
Самым важным элементом участвует в принятии флэш-носителя фона (т.е. возможность размещать вещи наверх него), чтобы убедиться, что при вложении, вы устанавливаете wmode
в opaque
или transparent
, Несоблюдение этого означает, что независимо от того, что средства массовой информации будут отображать на других элементах страницы.
Кроме этого, вам просто нужно использовать CSS для размещения контента по медиа через position: absolute;
и, возможно, выделение более высокого значения для z-index
.
- 1. Сделать флешку браузера оповещением
- 2. Как сделать заголовок фона 100% высоты?
- 3. Как изменить заголовок фона списка?
- 4. Как установить флешку на чтение?
- 5. Как использовать флешку в asp.net
- 6. Как сделать флешку as3 тень перекрытия чем-то еще?
- 7. Как сделать прокрутки фона?
- 8. Как сделать заголовок фиксированным
- 9. Как сделать заголовок clickable
- 10. Как установить заголовок при восстановлении фона Загрузки
- 11. Android CollapsingToolbarLayout Заголовок фона
- 12. Настроить заголовок фона Прозрачный
- 13. Как изменить NavigationView заголовок фона программно?
- 14. Как отправить флешку (уведомление) на Android?
- 15. Заголовок фона - Левое поле
- 16. Как сделать кнопку фона прозрачной?
- 17. Как сделать контент фона белым
- 18. Как сделать изображение фона диапазона
- 19. Как сделать GridLayout фона прозрачным?
- 20. Заголовок Обложка фона
- 21. Отзывчивый заголовок фона
- 22. Как сделать wordpress заголовок прозрачным
- 23. Как сделать отзывчивый заголовок таблицы?
- 24. Как сделать заголовок с Scrollview
- 25. Как сделать прозрачный заголовок qtreewidget?
- 26. Как сделать заголовок NavigationView липким
- 27. Как сделать заголовок ListView статическим
- 28. Случайный заголовок фона освежающий
- 29. Как использовать флешку получить порт клиента?
- 30. Как запустить флешку от приложения Android
И не забудьте установить wmode в непрозрачный или прозрачный. – strah
Я следую вашей инструкции, но она отображается только на определенном хроме, а в другом браузере нет, как решить? мой сайт http://www.threelas.com –
Я пробовал это в: Safari, Google Chrome и Firefox. Все работают нормально. Я редактировал свой пост, поэтому попробуйте новый CSS. –