[ok] Прозрачный фон

[Мохнорыл]

Вопрос_____________________________________________

Как делаеться прозрачная часть в тестуре сайта (например на http://www.starcraft2.com/)?

Ответ_____________________________________________

Эффект "отверстия" делается наложением рисунка с прозрачной частью на статичный бэкграунд, прикрепленный к краю.
Эффект прозрачности поддерживают только два формата - GIF и PNG (причем PNG в некоторых случаях отображается неккоректно).
Рисунки большого разрешения с множеством разноцветных элементов в этих форматах выходят очень громоздкими, что сильно уменьшает рациональность использования подобных эффектов.

Оригинальный текст

Ребят, а как делаеться прозрачная часть в тестуре сайта? Для примера - типа пробитая обшивка как на www.starcraft2.com/

@темы: CSS, Веб-дизайн

Comments

[alhames]

Мохнорыл хм.. Повидимому просто картинка с прозрачным фоном -но ща уточню))
Кста, на подобное наткнулся вчера - animenfo.com -там тоже полупрозрачный фон Только таких эффектных дырок нету..

на страницу дан бэкграунд статичный, привязанный к нижнему краю. в рисунке сверху - прозрачная область

[alhames]

Gelmir угу, так оно и есть =)
А на animenfo.com вообще оригиналы -я думал у них фон полупрозрачный, а они оказывается просто наложили осветленную картинку на перекрывающий фон %)

[Мохнорыл]

прозрачная область

а как эту прозрачную область задать? Просто не вырисовывать нужную часть? Но ведь тогда после сохранения та часть становиться белой..

[alhames]

Мохнорыл прозрачную область поддерживают только GIF и PNG, но в обеих случаях если рисунок будет большого разрешения и многоцветный, то и весить будет много, потому использовать его крайне нежелательно (к примеру, все таже дырка весит аж 68 Кб!).
И всеже, если интересно, как делается прозрачная область -просто наложи в фотошопе на прозрачный слой рисунок и вырежи дырку -вот тебе и окошко =)

[Мохнорыл]

Хм, точно)) Забавно конечна, но и вправду сильно увесисто получается.