Размер фонового изображения внутри фрейма растягивается
У меня странная проблема, когда фоновые изображения внутри iframe растягиваются до высоты iframe, а не до размера div, к которому они прикреплены.
По сути, у меня есть страница, созданная другим агентством, которая будет жить в рамках iframe на главном сайте клиента. Эта страница имеет 4 или 5 разделов с фоновыми изображениями, используя следующие CSS:
background-image: url(../images/bkg1.jpg);
background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
background-size: cover;
Это все хорошо работает, когда мы видим документ сам по себе, но при размещении внутри iframe размер фонового изображения больше не относится к div с этими стилями, он относится ко всему iframe. Мы планировали, чтобы в iframe была высота документа (около 7500 пикселей), чтобы он выглядел немного более интегрированным, но при этом растягивали все фоновые изображения до 7500 пикселей. Я в недоумении, почему это происходит. Любое направление, в котором можно посмотреть, или если кто-то сталкивался с этой проблемой раньше, было бы огромной помощью. Спасибо!