полупрозрачность

[plag]

Вот давно заметил на многих сайтах, такую полупрозрачность, например как на [Только зарегистрированные пользователи могут видеть ссылки. ] в шапке... мне какбы интересно узнать как это сделать...

Если кто знает, расскажи пжалуста!

[agat]

png + filter для Ослика, загляни в код того сайта, там всё есть.

[plag]

я не уверен, что я понял. А понял я - ничего!
Что за фильтор такой...и что за ослик

[plag]

заглянул в тот сайт, вытащил какойто файл png.htc
чёгото порыпался, попытался сдлеать, но ни чего не получается

[synchro]

В общем, был использован прозрачный PNG-24. Чтобы он нормально отображался в ИЕ, добавили библиотеку png.htc.

Тебе 50% прозрачности можно добиться как фильтром, так и просто, сделав её, например в фотошопе и сохранив как PNG-24. Фильтрами пользоваться не рекомендую, т. к. это лишь отсебятина от Майкрософта, другие браузеры и CSS2 её не поддерживают.

[plag]

если сделать полупрозрачный png, и просто положить в html -то он не будет полупрозрачным!
так я и сам пробывал

[plag]

а всё объяснили, мне!
просто прописываешь в html

<style> *img {behavior: url(&#39;png.htc&#39;);} *</style>

ну и естественно файл png.htc заливаем...

[SOUR]

я так влез не в тему...мне понравилось вот это [Только зарегистрированные пользователи могут видеть ссылки. ] в портфолио студии, которые делали вот это [Только зарегистрированные пользователи могут видеть ссылки. ] — собственно что ты(plag) показал

[plag]

угу, видел, тоже классный!

[2GoDoom]

фильтрами пользоваться не советую, так как они под оперу, фаирфокс, и т.п. браузеры либо не работает либо работает криво.
Лучше работайте с пнг.
Между прочим монжо без всяких библиотек сделать чтобы нормально отображались png

В хтмл:
[img]spacer.gif[/img]
В CSSке прописываем класс picture:
.picture {
background-image: url(файл.png);
// background-image: none;
// filterrogidXImageTransform.Microsoft.AlphaImageLoader(src=&#3 9;файл.png',sizingMethod='scale'
}

Поясняю:
spacer.gif - прозрачная картинка
background-image: url(файл.png); - ИЕ читает комментарии но не выполняет их, поэтому будет срабатывать только эта строчка. Все нормально.
// background-image: none;
// filterrogidXImageTransform.Microsoft.AlphaImageLoader(src=&#3 9;файл.png',sizingMethod='scale'
Эти две строчки работают во всех остальных кроме ИЕ и ИЕ-подобных браузерах, так как они читают комментарии и выполняют их. (например ОПЕРА).

Вроде все верно написал...

[Tujh]

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=&#3 9;файл.png&#39;,sizingMethod=&#39;scale&#39;
Эти две строчки работают во всех остальных кроме ИЕ и ИЕ-подобных браузерах, так как они читают комментарии и выполняют их. (например ОПЕРА)

Эти две строчки работают только в ИЕ.

И по мне лучше использовать див вместо img.

[plag]

2GoDoom
Тоже интересный вариант, кажись я такой у Лебедева видал... но минус, что так каждую картинку придётся прописывать...

Tujh
Я не знаю, что увас за опера, но в 8 версии, работает всё ок!

[agat]

Неужели лебедев мои наработки использует?

[synchro]

Прозрачности PNG-24 уже много статей посвящено.

[2GoDoom]

ой.. с комментариями перепутал... сорри
там все наоборот как раз =)

У Лебедева не видал такого, но если он использует где-то ПНГ - то наверное так оно и есть
А насчет каждой картинки - так это можно обойтись без прописывания, а сделать вывод через php (правда код хтмля увеличится), то есть мы просто прописываем к каждому спейсеру style="тут все то что писал выше и название картинки выводим через php"

[plag]

Originally posted by 2GoDoom@Jul 11 2005, 08:26
ой.. с комментариями перепутал... сорри
там все наоборот как раз =)

У Лебедева не видал такого, но если он использует где-то ПНГ - то наверное так оно и есть
А насчет каждой картинки - так это можно обойтись без прописывания, а сделать вывод через php (правда код хтмля увеличится), то есть мы просто прописываем к каждому спейсеру style="тут все то что писал выше и название картинки выводим через php"
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

хм.. ксатати да

[plag]

у лебедиво вот, там где метро [Только зарегистрированные пользователи могут видеть ссылки. ]