Вывод картинки, находящейся внутри нескольких блоков, на всю ширину экрана - Joomla 3.x: Общие вопросы

Можно ли вывести на всю ширину экрана (или на ширину body) картинку, которая находится внутри нескольких блоков (divs)?

img {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

примерно так

Код

.wrap {
position: relative;
width:800px; 
margin: 0 auto
}
.wrap img {
width: 100vw;
box-sizing: border-box;
position: absolute;
margin-left: calc( (800px - 100vw) / 2);
}

Если дать картинке фиксированную позицию, то можно:

Код

img {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
}

Можно и через абсолютную позицию, но тогда придется указывать конкретные значения, а не проценты. Например, с помощью js. И top/left тоже придется указать относительно первого нестатичного родителя.

А мне хотелось бы, чтобы сама картина растянулась на всю ширину экрана.

Чтоб пропорционально - можно растягивать div, а картинку присвоить ему в качестве бэкграунда.

так назначьте фоном основному