Отобразить изображение над флэш-объектом - PullRequest
6 голосов
/ 05 февраля 2010

Я столкнулся с непростой ситуацией здесь ... это проблема ...
У меня есть флэш-объект, над которым я хочу отобразить изображение
Это уловки, которые я попробовал .. .
1. Воспроизведение с использованием z-индекса (без использования)
2. Установка параметра wmode на прозрачный / непрозрачный (снова без использования)
3. Использование javascript и отображение изображения только после страницы загружен (все еще бесполезен)
Я пробовал поискать в Google, но не нашел решения .. :(
Заранее спасибо

Обновление - код, который я использую

        <div style="position:absolute; top:0px; z-index:-2000;">
            <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="176" height="146">
                <param name="movie" value="sample.swf" />
                <param name="wmode" value="transparent" />
                <param name="quality" value="High" />
                <param name="menu" value="false" />
                <embed src="sample.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" menu="false" width="176" height="146" />
            </object>
        </div>
        <div style="position:absolute; top:0px; z-index:2000;">
            <img src="Logo.gif" alt="" />
        </div>

также пробовал с value = "opaque"
сделали все возможные предложения ... пожалуйста, помогите ..

Ответы [ 5 ]

6 голосов
/ 05 февраля 2010

Обновление: Я знал, что это был либо тот, либо другой относительно wmode, я выбрал не тот. Не следовало отвечать на вопрос, страдающий от лишения сна. Я проверил это сейчас, и wmode установлен в прозрачный это , что вы хотите. Позволяет размещать HTML-элементы над Flash-объектами.

Во-вторых, вставьте Flash стандартным образом и используйте swfobject .

Попробуйте наложить яркий цвет div на Flash сначала для теста. Кроме того, возможно, переместите код изображения над Flash и посмотрите, как это происходит.

Наконец, все, что нужно для того, чтобы ваш код заработал , как упомянуто выше K Prime, - это установка wmode на прозрачный в вашем теге для вставки .

<div style="position:absolute; top:0px; z-index:-2000;">
    <object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="176" height="146">
        <param name="movie" value="/Images/WordOfLife.swf" />
        <param name="wmode" value="transparent" />
        <param name="quality" value="High" />
        <param name="menu" value="false" />
        <embed src="/Images/WordOfLife.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" wmode="transparent" menu="false" width="176" height="146" />
    </object>   
</div>

<div style="position:absolute; top:0px; z-index:2000;">
    <img src="Logo.gif" alt="" />
</div>
1 голос
/ 05 февраля 2010

Полагаю, ваш код отлично работает в IE, но не в FF - добавьте параметр wmode к вашему embed:

<embed 
    src="/Images/WordOfLife.swf" 
    pluginspage="http://www.macromedia.com/go/getflashplayer" 
    type="application/x-shockwave-flash" 
    name="obj1" 
    menu="false" 
    width="176" 
    height="146"  
    embed="transparent"
/>
0 голосов
/ 01 апреля 2011

установите wmode на прозрачный, как указано выше, но поместите ваш контент в iframe. это только что решило мои проблемы: http://argyleink.com/dieantsdie/

0 голосов
/ 05 февраля 2010

Я сделал раскрывающееся меню HTML исключительно в CSS, и объекты Flash всегда были в верхней части каждого раскрывающегося списка.

Итак, вот что я сделал.Сделайте Flash-режим непрозрачным.

В вашем случае установите флэш-объект wmode на непрозрачный и задайте для изображения z-индекс выше, чем z-индекс флеш-объекта (попробуйте 1000, чтобы «гарантировать» более высокое положение)..

0 голосов
/ 05 февраля 2010

Когда вы используете z-index, убедитесь, что позиция CSS обоих (img и flash-объект) установлена ​​на относительный или абсолютный:

.imgAboveFlash {
    position: relative;
    z-index: 10; /* higher than that of flash object */
}

И установите wmode объекта флэш-памяти на непрозрачный .

Убедитесь, что для родительского html-элемента его позиция установлена ​​в относительное значение .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...