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

Прозрачные ссылки на фоне или ?

-D
На сайте с 04.03.2006
Offline
82
-=Den=-
760

Приветствую,

кто как думает?

есть макет:

фон на весь экран - серые круги

ссылки - зеленый текст

но есть желание сделать при наведении на ссылку подстановку другой картинки, то есть кнопка видоизменяется.

Если бы не было фона(кругов), всё было бы просто, но текст на таком фоне должен быть прозрачным, а с прозрачностью есть много браузерной несовместимости.

Кто как думает по какой технологии лучше сделать такую вещь?

KoDmAn
На сайте с 24.09.2009
Offline
42
KoDmAn
#1

по технологии Cascading Style Sheets (псевдоклассы a:link, a:hover)

AlikZP
На сайте с 22.11.2009
Offline
107
AlikZP
#2

Та делайте в PNG, с прозрачностью.

На сколько я знаю его не поддерживает только IE 6 и тут есть два варианта

1. Либо использовать AlphaImageLoader или Behavior ( http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html )

2. Забыть про IE 6, как сделали гугл и много других крупных компаний

Website CMS: быстрая, удобная, недорогая! Вечная лицензия за 45$ (/ru/forum/524503) Яся - быстрый поиск фото для товаров. OpenCart/ocStore. Дополнение. (/ru/forum/665287) Грамотная верстка ваших макетов (/ru/forum/comment/8853216)
-D
На сайте с 04.03.2006
Offline
82
-=Den=-
#3
KoDmAn:
по технологии Cascading Style Sheets (псевдоклассы a:link, a:hover)

а это как связанно с прозрачностью? или её не надо делать?

ведь суть в том что если мы делаем линк-картинку с фоном из серых кругов,

а у нас изначально общий фон таблицы задается backgroung="krugi.gif"

то круги на линке-картинки, не будут стыковаться с фоном, будут расхождения, а уж если резиновый сайт делать то тем более всё будет двигаться.

AlikZP
На сайте с 22.11.2009
Offline
107
AlikZP
#4
-=Den=-:
круги на линке-картинки, не будут стыковаться с фоном, будут расхождения, а уж если резиновый сайт делать то тем более всё будет двигаться.

делайте png по одному из пунктов, предложенных мной выше

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