VPF::Проблема с прозрачностью в хром/опера

Variator

Дата 14.10.2010, 09:30 (ссылка)

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

Загрузка ...

Новичок

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

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

Добрый день!

Возникла проблема, а я новичок в веб кодинге, не могу пока разобраться.

Есть текст и картинка под ним:

Код


<p id = "t1">ффф1</p>
<img id = "but1" src = "b-off.jpg" onmouseover = "this.style.cursor = 'pointer'; img1change(1, 'but1')" onmouseout = "img1change(2, 'but1')">

Нада сделать чтобы картинка оказалась наложенной на текст, при этом картинка прозрачная:

Код


#t1 {
    position:relative; 
    top:10px; 
    text-align:center;
}

#but1 {
    filter:alpha(opacity=30);
    position:relative; 
}

Проблема в том, что если на картинку применить position (как щас написано в "but1"), то в хроме/опере у нее моментально теряется прозрачность. В ИЕ 8 это отображается правильно.

Подскажите пожалуйста, где ошибка, как исправить этот косяк.

KuZyagroup

Дата 14.10.2010, 11:17 (ссылка)

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

Загрузка ...

magento solution

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

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

попробуйте добавить opacity:0.3; при этом filter:alpha(opacity=30); убирать не надо, а то ослик не поймет.
что делает img1change(1, 'but1')?

Variator

Дата 14.10.2010, 11:39 (ссылка)

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

Загрузка ...

Новичок

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

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

Спасибо большое, заработало. Про opacity кстати читал, но почему-то думал что это в новой версии CSS, решил не использовать "для лучшей совместимости"))) img1change это просто картинку меняет при наведении/убирании курсора

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