Форум Сайтостроение Веб-строительство

Прозрачный див для флеш элемента

G8
На сайте с 25.10.2009
Offline
51
gepard89
644

Здраствуйте, уважаемые форумчане.

Есть сайт на джумле. В одной из позиций стоит флеш элемент. При наведении на элемент выскакивает "Щелкните чтобы активировать". При щелчке выскакивает картинка. Мне нужно сделать элемент неактивным, т.е. чтобы ни надпись, ни картинка не выскакивали.

Сказали, что это можно сделать за счет верстки. Прописал в шаблоне:

<div id="nakladk"><jdoc:include type="modules" name="user1" style="custom"/><div id="nakladka"></div></div>

В цсс прописал

#nakladk {position:relative; widht:500px; height:500px;}

#nakladka {position: absolute; z-index:1; top:0; left:0; widht:500px; height:500px;}

При этом на всех страницах сайтах на месте указанной позиции появилось белое поле 500*500 примерно, а вот флеш элемент, который находится в этой позиции, по прежнему остается активным (т.е. и надпись выскакивает при наведении и картинка при нажатии). Подскажите, пожалуйста, что сделал неправильно и как исправить, чтобы добиться нужного результата.

Хорошие возможности для инвестиций (https://fx-trend.com/ru/pamm/agent/504894/11695/)
F4
На сайте с 24.01.2009
Offline
31
FILA44
#1

нужно использовать swfobject для вставки флеша

G8
На сайте с 25.10.2009
Offline
51
gepard89
#2

как его использоваться не подскажете? а за счет верстки не получится сделать?

S0
На сайте с 20.11.2010
Offline
32
snk001
#3

Это делается двумя абсолютно позиционированными DIV-ами: сверху прозрачный (вернее, почти прозрачный из-за глюка MSIE), снизу - с флэшем.

<div style="position: absolute; top: 10px; left: 10px; width: 300px; height: 300px; z-index: 20; background-color: white; opacity: 0.01; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1);">
</div>
<div style="position: absolute; top: 10px; left: 10px; width: 300px; height: 300px; z-index: 10">
<object data="sales.swf" type="application/x-shockwave-flash" height="120" width="220" >
  <param name="movie" value="sales.swf" />
  <param name="wmode" value="transparent" />
</object>
</div>
G8
На сайте с 25.10.2009
Offline
51
gepard89
#4

Дело в том, что если прописывать background-color: white; , то элемент вообще не отображается, а если не прописывать, то продолжает оставаться активным.

S0
На сайте с 20.11.2010
Offline
32
snk001
#5

gepard89, Так вот я же про это и сказал: полупрозрачным должен быть див верхний, т.к. осел не понимает что есть что. Вы opacity (для всех браузеров) и filter (для осла) указали, как я в примере выше написал?

Facebook: пользователи теперь могут В новой альфе Яндекс.Браузера В Facebook появится новый

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий