| |
|
|
| | Доброго времени суток!
Подскажите, пожалуйста, как расположить рисунок поверх Flash ролика. Уходит за него.
Вставляю Flash таким образом:
<div id="flashcontent">
This text is replaced by the Flash movie.
</div>
<script type="text/javascript">
var so = new SWFObject("flash.swf", "816", "213", "7", "#ffffff");
so.write("flashcontent");
so.addParam("quality", "low");
so.addParam("wmode", "transparent");
so.addParam("salign", "t");
so.write("flashcontent");
</script>
Не работает в браузере FireFox.
С уважением,
Ярослав | |
| |
|
|
| |
|
|
| |
для: jaroslav
(26.07.2007 в 15:08)
| | | это не должно нигде не должно работать.
so.addParam("wmode", "transparent"); меняйте на wmode = "opaque" | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.07.2007 в 15:26)
| | | Спасибо за ответ, попробовал.
но и так:
so.addParam("wmode", "transparent");
и так:
so.addParam("wmode", "opaque");
работает только в IE и в Opere. А в Mozille Firefox не работает. Рисунки размещаются под Flash. Что можно сделать? | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(26.07.2007 в 15:41)
| | | можно воспользоваться последней библиотекой swfobject. она легко найдется в гугле. возможно проблема именно в этой библиотеке. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.07.2007 в 15:58)
| | | а какая версия последняя? Скачал 1.5 - не помогло :( | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(26.07.2007 в 16:25)
| | | задайте рисунку z-index:10 | |
| |
|
|
| |
|
|
| |
для: AlexSol
(26.07.2007 в 16:28)
| | | Обнаружил вот что!
Действительно, можно наложить рисунок поверх Flash и будет прекрасно отображаться во всех браузерах. Однако, есть одна загвоздка!
В самом начале страниц у меня стоит код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
Если я его заменяю на этот:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
то весь сайт начинает неправильно отображаться во всех браузерах!!!
А вот наложение слоев:
1 пример - все работает:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>
<div style="position:relative; font-size:50px; z-index:3; color: navy">text1</div>
<div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:4">text2</div>
</body>
</html>
2 пример - не работает:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<body>
<div style="position:relative; font-size:50px; z-index:3; color: navy">text1</div>
<div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:4">text2</div>
</body>
</html>
Объясните, пожалуйста, почему так происходит? Неужели надо все переделывать и в самом верху ставить <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> ??? | |
| |
|
|
