VPF::dropShadow jquery к элементу span ? - Форум программистов

Su_

Дата 6.6.2011, 22:28 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 386
Регистрация: 1.8.2007

Репутация: нет
Всего: нет

Доброго дня!

Использую плагин DropShadow от jquery и все работает классно , но к одному конкретному элементу а точнее (ul li ul li a span ) эффект не применяется.
Не могу понять почему , селектор я прописал верно , и добавил к нему метод (".css("color","red")) что бы удостовериться что он попал куда надо.

Код


$("#menu > ul > li > ul > li > a span").css("color","green");
$("#menu > ul > li > ul > li > a span").dropShadow({color:"#277B7D",left:2,top:0,blur:1});

Это сообщение отредактировал(а) Su_ - 6.6.2011, 22:29

--------------------

Mavrun

Дата 7.6.2011, 07:00 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: нет
Всего: 13

может плагин применим только к блоковым элементам. как вариант - попробовать прописать спану в цсс'е display:block

Su_

Дата 7.6.2011, 13:17 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 386
Регистрация: 1.8.2007

Репутация: нет
Всего: нет

Формально по коду тень добавляется, но не отображается . (Может это баг IETester) .

Код


<LI><A title="Content Management" href="/balt/index.php?id=14"><SPAN style="Z-INDEX: 14; POSITION: relative; ZOOM: 1; DISPLAY: block" shadowId="ds6560" jQuery1307441344946="14">Manage Content</SPAN>
<DIV style="Z-INDEX: 13; POSITION: absolute; MARGIN: 0px; TOP: -1px; LEFT: 1px" id=ds6560 class=dropShadow jQuery1307441344946="15">
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 1px; LEFT: 1px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 0px; LEFT: 2px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 2px; LEFT: 4px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 4px; LEFT: 2px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 2px; LEFT: 0px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 1px; LEFT: 3px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 3px; LEFT: 3px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 3px; LEFT: 1px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 1px; LEFT: 1px" class=dropShadow></DIV></DIV></A></LI>

Спасибо, вообще это у меня подменю с display:none по старту , поэтому наверное не отрисовывает. Если поставить display:block , но при этом тень кидается на блок span а не на текст внутри него.

--------------------

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »