Автор Африканский Moosquito задал вопрос в разделе jQuery
Как растянуть img на весь экран, и наложить на него SVG(тег) ? и получил лучший ответ
Ответ от
родитель{
position: relative;
}
ребенок{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
еще можно как-то на flexbox запилить, но не помню
Ответ от Андрей[гуру]
1. Зачем вставлять svg ПОВЕРХ img? тег img прекрасно понимает svg - точно так же, как jpg или png. Так что просто прописываешь его в атрибуте src.2. Значительно проще и удобнее растягивать не img, а div, в котором изображение установлено в качествен фона. СSS-атрибуты background и background-image также прекрасно понимают svg, а background-size и background-position обеспечат нужное масштабирование изображения.
1. Зачем вставлять svg ПОВЕРХ img? тег img прекрасно понимает svg - точно так же, как jpg или png. Так что просто прописываешь его в атрибуте src.2. Значительно проще и удобнее растягивать не img, а div, в котором изображение установлено в качествен фона. СSS-атрибуты background и background-image также прекрасно понимают svg, а background-size и background-position обеспечат нужное масштабирование изображения.
Ответ от Давид Лаказов[гуру]
body{font: 12px/18px Arial, sans-serif; width:100%;background: url(/resourse/img/i.jpg) no-repeat;-moz-backround-size: 100%;-webkit-background-size:100%;-o-backround-size:100%;background-size:100%;background-attachment: fixed;
body{font: 12px/18px Arial, sans-serif; width:100%;background: url(/resourse/img/i.jpg) no-repeat;-moz-backround-size: 100%;-webkit-background-size:100%;-o-backround-size:100%;background-size:100%;background-attachment: fixed;
Ответ от 22 ответа[гуру]
Привет! Вот подборка тем с похожими вопросами и ответами на Ваш вопрос: Как растянуть img на весь экран, и наложить на него SVG(тег) ?