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

Вот давно заметил на многих сайтах, такую полупрозрачность, например как на [Only registered and activated users can see links. Click Here To Register...] в шапке... мне какбы интересно узнать как это сделать...

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

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

я не уверен, что я понял. А понял я - ничего! [Only registered and activated users can see links. Click Here To Register...]
Что за фильтор такой...и что за ослик [Only registered and activated users can see links. Click Here To Register...]

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

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

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

если сделать полупрозрачный png, и просто положить в html -то он не будет полупрозрачным!
так я и сам пробывал [Only registered and activated users can see links. Click Here To Register...]

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

Код:

---

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

---

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

я так влез не в тему...мне понравилось вот это [Only registered and activated users can see links. Click Here To Register...] в портфолио студии, которые делали вот это [Only registered and activated users can see links. Click Here To Register...] — собственно что ты(plag) показал

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

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

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

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

Вроде все верно написал... [Only registered and activated users can see links. Click Here To Register...]

Цитата:

---

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

---

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

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

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

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

Неужели лебедев мои наработки использует? [Only registered and activated users can see links. Click Here To Register...]

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

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

У Лебедева не видал такого, но если он использует где-то ПНГ - то наверное так оно и есть [Only registered and activated users can see links. Click Here To Register...]
А насчет каждой картинки - так это можно обойтись без прописывания, а сделать вывод через php (правда код хтмля увеличится), то есть мы просто прописываем к каждому спейсеру style="тут все то что писал выше и название картинки выводим через php"

Цитата:

---

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

У Лебедева не видал такого, но если он использует где-то ПНГ - то наверное так оно и есть [Only registered and activated users can see links. Click Here To Register...]
А насчет каждой картинки - так это можно обойтись без прописывания, а сделать вывод через php (правда код хтмля увеличится), то есть мы просто прописываем к каждому спейсеру style="тут все то что писал выше и название картинки выводим через php"
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

хм.. ксатати да [Only registered and activated users can see links. Click Here To Register...]

у лебедиво вот, там где метро [Only registered and activated users can see links. Click Here To Register...]