2013-06-26 4 views
0

Я думал, что давно бы нашел ответ на этот вопрос, но я просто не могу найти его нигде, и мне интересно, можете ли вы помочь.Изображение растяжение 100% разрешения экрана

Проще говоря, я хочу, чтобы изображение растягивалось (только ширина) до 100% разрешения экрана монитора.

Вот что я пытался ....

стиль = «позицию: абсолютная; ширина: 100%» Это просто делает изображение на 100% ширины исходного размера.

style = "width: 100%" Это делает изображение растянутым до 100% площади веб-сайта (в моем случае 960px). Это не то, что я хочу, так как мне нужно изображение, чтобы растянуть 100% от всего разрешения монитора.

style = "position: fixed; width: 100%" Это делает изображение растянутым до 100% площади монитора (yay!), Но фиксированное положение изображения создает проблемы для веб-страницы. Я бы предпочел, чтобы изображение было абсолютно.

Любая информация, которую вы можете предоставить, была бы весьма признательна. Спасибо.

+0

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

+0

Ошеломленный ответом здесь, особенно «вы должны описать проблему, которую вы действительно хотите решить». Позвольте мне сказать так: хочу, чтобы изображение растягивало на 100% ширину окна браузера. Поэтому, если в окне установлен полный размер монитора, изображение должно растянуться до 100% от этого. –

+0

Возможный дубликат [100% ширины браузера] (http://stackoverflow.com/questions/17942481/100-width-of-browser) –

ответ

0

Поместите изображение в div и установите его на 100%, а затем установите ширину этого изображения на 100%, но разве это не растянуло бы изображение?

+0

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

+0

Просто установите div на 100%, если ширина, а затем установите фоновый цвет? –