Ищете решение с максимальной поддержкой браузера.Размер фона: обложка «spoofing» выше div
Я хотел бы, чтобы два фоновых изображения с одинаковыми размерами могли расти с помощью окна браузера (с использованием background-size: cover;
), но один из div имеет фиксированную высоту.
Вот упрощенный пример: http://jsfiddle.net/uxfp6xos/
- Edit 2015/07/07
я придумал приемлемое решение этой проблемы сам, используя background-clip. Internet Explorer 8 и ниже ему не очень нравится, но я могу это объяснить, и это относительно небольшая фракция (поддержка была одним из моих первоначальных требований, поэтому я чувствовал, что должен назвать себя в этом аспекте).
Обновлено Fiddle здесь: http://jsfiddle.net/uxfp6xos/2/
Вы можете установить несколько изображений в фоновом режиме, просто разделите их запятой. То же самое относится к размеру фона, положению и т. Д. – Slime
@BuzzotheSplitter Не стоит ли просто складывать два поверх друг друга? Если они имеют одинаковые размеры пикселей (300x300), и я хочу, чтобы они росли с одинаковой скоростью, но отображали только самые последние пиксели одного из них, как я могу это сделать? –