png + filter для Ослика, загляни в код того сайта, там всё есть.
я не уверен, что я понял. А понял я - ничего!
Что за фильтор такой...и что за ослик
заглянул в тот сайт, вытащил какойто файл png.htc
чёгото порыпался, попытался сдлеать, но ни чего не получается
В общем, был использован прозрачный PNG-24. Чтобы он нормально отображался в ИЕ, добавили библиотеку png.htc.
Тебе 50% прозрачности можно добиться как фильтром, так и просто, сделав её, например в фотошопе и сохранив как PNG-24. Фильтрами пользоваться не рекомендую, т. к. это лишь отсебятина от Майкрософта, другие браузеры и CSS2 её не поддерживают.
если сделать полупрозрачный png, и просто положить в html -то он не будет полупрозрачным!
так я и сам пробывал
а всё объяснили, мне!
просто прописываешь в html
ну и естественно файл png.htc заливаем...Код:<style> *img {behavior: url('png.htc');} *</style>
фильтрами пользоваться не советую, так как они под оперу, фаирфокс, и т.п. браузеры либо не работает либо работает криво.
Лучше работайте с пнг.
Между прочим монжо без всяких библиотек сделать чтобы нормально отображались png
В хтмл:
[img]spacer.gif[/img]
В CSSке прописываем класс picture:
.picture {
background-image: url(файл.png);
// background-image: none;
// filterrogidXImageTransform.Microsoft.AlphaImageLoader(src= 9;файл.png',sizingMethod='scale'
}
Поясняю:
spacer.gif - прозрачная картинка
background-image: url(файл.png); - ИЕ читает комментарии но не выполняет их, поэтому будет срабатывать только эта строчка. Все нормально.
// background-image: none;
// filterrogidXImageTransform.Microsoft.AlphaImageLoader(src= 9;файл.png',sizingMethod='scale'
Эти две строчки работают во всех остальных кроме ИЕ и ИЕ-подобных браузерах, так как они читают комментарии и выполняют их. (например ОПЕРА).
Вроде все верно написал...
Эти две строчки работают только в ИЕ.Originally posted by 2GoDoom+Jul 8 2005, 15:08-->ИЕ читает комментарии и выполняет их.Поясняю:
spacer.gif - прозрачная картинка
background-image: url(файл.png); - ИЕ читает комментарии но не выполняет их, поэтому будет срабатывать только эта строчка. Все нормально.
<!--QuoteBegin-2GoDoom@Jul 8 2005, 15:08
[b]// background-image: none;
// filterrogidXImageTransform.Microsoft.AlphaImageLoader(src= 9;файл.png',sizingMethod='scale'
Эти две строчки работают во всех остальных кроме ИЕ и ИЕ-подобных браузерах, так как они читают комментарии и выполняют их. (например ОПЕРА)
И по мне лучше использовать див вместо img.
2GoDoom
Тоже интересный вариант, кажись я такой у Лебедева видал... но минус, что так каждую картинку придётся прописывать...
Tujh
Я не знаю, что увас за опера, но в 8 версии, работает всё ок!
Прозрачности PNG-24 уже много статей посвящено.
ой.. с комментариями перепутал... сорри
там все наоборот как раз =)
У Лебедева не видал такого, но если он использует где-то ПНГ - то наверное так оно и есть
А насчет каждой картинки - так это можно обойтись без прописывания, а сделать вывод через php (правда код хтмля увеличится), то есть мы просто прописываем к каждому спейсеру style="тут все то что писал выше и название картинки выводим через php"
[/quote]Originally posted by 2GoDoom@Jul 11 2005, 08:26
ой.. с комментариями перепутал... сорри
там все наоборот как раз =)
У Лебедева не видал такого, но если он использует где-то ПНГ - то наверное так оно и есть
А насчет каждой картинки - так это можно обойтись без прописывания, а сделать вывод через php (правда код хтмля увеличится), то есть мы просто прописываем к каждому спейсеру style="тут все то что писал выше и название картинки выводим через php"
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
хм.. ксатати да