Как сделать прозрачную маску?

[Dokea]

Привет! Не первый раз сталкиваюсь с довольно серьезной проблемой... как сделать прозрачную маску. Что я под этим понимаю: Это маска любой формы которая скрывает часть содержимого выбранного <div>. Например в форме круга. Да можно сделать маску в цвет фона. Но если фон неоднородный из этого ничего не выйдет. Да и для JS анимации такие маски нужны сплошь и рядом.

Гуру верстки, подскажите решение. =) Интересует конкретно: как сделать произвольную (нами обозначенную и любой формы) часть DIV прозрачной.

Edited January 11, 2011 by Dokea

[Great Rash]

Маску можно сделать только квадратной формы. Да и то не для всех элементов. Читайте про clip.

Так как в о флеше или фотошопе сделать нельзя, они дурно на вас (или на вашего дизайнера) влияют

В web надо быть проще и люди к тебе потянутся.

P.S. По крайней мере webkit-браузеры поддерживают маски (ссылка).

[Dokea]

Маску можно сделать только квадратной формы. Да и то не для всех элементов. Читайте про clip.

Так как в о флеше или фотошопе сделать нельзя, они дурно на вас (или на вашего дизайнера) влияют

В web надо быть проще и люди к тебе потянутся.

P.S. По крайней мере webkit-браузеры поддерживают маски (ссылка).

По поводу clip мне известно.

Кроме того, что оно квадратное, оно ещё и не везде корректно работает.

Да, я имею ввиду маску, как в Photoshop или Flash или в том же inDesign. Именно такой тип маски.

То что нет ОЧЕВИДНОГО решения, я и сам знаю. Иначе бы не спрашивал.

Может кто из опытных товарищей сталкивался с такой задачей. Те же углы у превью при условии сложного фона.

[Great Rash]

Кроме того, что оно квадратное, оно ещё и не везде корректно работает.

Это неправда - работает во всех современных браузерах и ИЕ6+.

Да, я имею ввиду маску, как в Photoshop или Flash или в том же inDesign. Именно такой тип маски.

Как я уже написал, решение есть только для webkit-браузеров (Safari, Chrome), может быть что решение есть для Firefox 4. Может быть этот эффект и можно эмулировать при помощи SVG/VML...

UPD: http://www.netzgesta.de/edge/

[Dokea]

Это неправда - работает во всех современных браузерах и ИЕ6+.

Как я уже написал, решение есть только для webkit-браузеров (Safari, Chrome), может быть что решение есть для Firefox 4. Может быть этот эффект и можно эмулировать при помощи SVG/VML...

Касаемо первого, тут спорить не буду. Так как я сам не работал с данным свойством, но читал о нём в каких-то блогах, то есть инфа у меня не проверенная лично. Тут извиняйте. =)

А вот касаемо второго, категорически не согласен. То что Вы или я ещё не знаем решения, не значит что оно вообще не возможно.

UPD, кажется неплохая ссылка (не встречал ранее такой пример). Большое спасибо, сейчас приступлю к изучению)))

Edited January 11, 2011 by Dokea