Настройка CSS с div, который содержит фон

Question

я получил этот сайт здесь http://www.redlineautoleasing.com/beta/

и контейнер div содержит фон с шероховатым внешним видом, а тело содержит еще один фон, который повторяется по координате x.

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

спасибо

Answer 1

Насколько мне известно, CSS не поддерживает масштабирование фоновых изображений, что, по меньшей мере, разочаровывает. Короче говоря, вам, вероятно, придется подделать его с помощью фиксированной позиции, z-index img-тега . Это или то, что вы сделали: большое изображение с повторением фона.

Answer 2

спасибо за все ваши ответы, когда я сказал пустое пространство, я не имел в виду фактическое пустое пространство, к которому я обращался, так это то, что весь контейнерный контейнер не менялся (по ширине) в соответствии с тем, какое было разрешение компьютера пользователя. и так как все наборы div установлены с фоновым изображением, нет кода CSS для установки ширины изображения, но я думаю, что это будет работать на div. но, к счастью, после разговора с клиентом он передумал и больше не хочет этого:)

Answer 3

К сожалению, вы не можете масштабировать само изображение.

То, что вы могли бы сделать, это переделать структуру div, чтобы внутренний div содержал центр шероховатого фона, а стороны были отделены плиткой через два отдельных div. Затем вы можете установить центральную часть, чтобы расположить ее как по вертикали, так и по горизонтали, и задать ей ширину в процентах от размера окна. Вы можете не допустить, чтобы он становился слишком маленьким с помощью JavaScript.

Это не оптимальное решение, но если клиент настроен на масштабирование с окном браузера, это может сделать его для них.

Answer 4

ie6 Мне нужно исправить, но клиент хочет, чтобы размер страницы увеличивался в зависимости от разрешения компьютера пользователя

Answer 5

Я не вижу проблем с тем, что у вас есть в FF3 / IE6 / IE7 и chrome. Единственная проблема, которую я вижу, это прозрачный png в ie6 с уродливым серым за ним.