Как сверстать расширяемый фон?

Question

[Hint]

Есть такой макет:

Основной блок влазит в 1024. При больших разрешениях фон становится виден целиком. Как сверстать подобное? Проблема в том, что форма прозрачная, иначе бы я сделал центральный блок отдельно и отдельно фон по центру у body (фон в этом случае будет гулять на пиксель).

По сути, должно получиться следующее:
jsfiddle.net/37QvE/1/
Только с активными элементами управления.

Answer 1

[switlle]

Как вариант такой: Например правая часть содержит весь фон плюс правый угол. А левая только левый угол с большим запасом черного перекрытия (от него в принципе тоже можно избавиться, но суть такова что оно есть). В результате мы правую часть будем позиционировать как нужно с выравниванием по правой стороне, а левой частью перекрывать ненужную часть фона.

Comments

[Hint]

Извините, но не понял. Обновил вопрос.

Answer 2

[nikel303]

Ну не совсем понятно в чём трудность, основную картинку поставить фоном к body, а к фону элементов можно применить полупрозрачные png, они нормально отображаются во всех современных обозревателях.

Answer 3

[Anatol Pohorilyi]

Возможно Вам поможет background-size?

Ну и сразу небольшой костыль для ослика 8

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/image.gif',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/image.gif',
sizingMethod='scale')";