Сделать часть картинки .png прозрачной

[prowoke]

Здравствуйте. Вот есть у меня картинка. Её я вставляю на сайт. На этой картинке рисунок, он на белом фоне. Фон идёт вместе с картинкой, т.е. прямоугольником или квадратом. Ну так вот. Как сделать, чтобы фон этот просвечивался, а оставалась только картинка? Вообще это такая распространённая задача, но я забыл, как я раньше её решал. Помогите, пожалуйста.

[wildhind]

Фотошоп в руки — и вперёд!

[NeoXidizer]

берете редактор с поддержкой альфа канала (элементарно - фотошоп), стираете не нужное (в фотошопе - ластиком) и сохраняете как .png

[prowoke]

берете редактор с поддержкой альфа канала (элементарно - фотошоп), стираете не нужное (в фотошопе - ластиком) и сохраняете как .png

Ну и вот, что получается:

Область, что я стёр, становится не прозрачной, а какой то не пойми какой.

Ага, а вот в опере всё нормльно. В остальных браузерах нету прозрачности.

Edited April 22, 2012 by prowoke

[NeoXidizer]

стирать нужно на фоне пустого фона(слоя), делая оригинальный слой не видимым http://s11.radikal.ru/i183/1204/de/b878bb94933c.png

[prowoke]

стирать нужно на фоне пустого фона(слоя), делая оригинальный слой не видимым http://s11.radikal.ru/i183/1204/de/b878bb94933c.png

Создаю пустой слой. Его под низ. Сохраняю. Тоже самое.

[prowoke]

В общем я решил проблему. Вместе background-image у button я прописал background. И слой стал нормально отображаться. Правда я так и не понял, что до этого не так было и почему я решил проблему таким способом.

[wildhind]

ах вот теперь понятно

свойство background — это составное свойство, включающее в себя в том числе и background-image и background-color.

Можно задавать по отдельности цвет и рисунок фона, а можно всё вместе свойством background. Если в background цвет не указывается явно, то по умолчанию он прозрачный.

вот почитайте

[NeoXidizer]

либо можно указать явно

backgroud-color: transparent;

или

backgroud: transparent;