-Поиск по дневнику

Поиск сообщений в mycss

 -Подписка по e-mail

 

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.09.2009
Записей:
Комментариев:
Написано: 210


png в a:hover

Среда, 27 Января 2010 г. 13:39 + в цитатник
карты все записи автора пнг-шки и а:ховер плохо взаимодействуют - большинство хаков прозрачности просто не поддерживают это
Я голову сломал
Нашёл вот http://www.dillerdesign.com/experiment/DD_belatedPNG/

Уам внизу страницы как раз то-что мне нужно
У автора всё работает.(ято доказывается примером внизу страницы)

Короче, качаем оттуда файл DD_belatedPNG_0.0.8a-min.js

В нашём индексе пишем

<*!--[if IE 6]>
<*script src="DD_belatedPNG_0.0.8a-min.js"><*/script> <*!--адрес до файла-->
<*script>
DD_belatedPNG.fix('.png_bg, img'); <*!--прописываем через запятую требуемые классы-->
<*/script>
<*![endif]-->

пример
код хтмл

<*a href="#nogo" class="big_link png_bg">Меню<*/a>
<*a href="#nogo" class="big_link png_bg">Блог<*/a>

код цсс

a.big_link
{position:relative; zoom:1; float:left; margin:8px 5px 0 0; padding:50px; border:0px solid #000; color:#FFF; background-color:red;}
a.png_bg
{background-position:left top; background-repeat:no-repeat;}
a.png_bg:hover
{background-image:url(boxbg.png); color:#FFF;}
Метки:  

карты   обратиться по имени Вторник, 09 Марта 2010 г. 10:37 (ссылка)
1
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку