2015-07-06 4 views
1

Ищете решение с максимальной поддержкой браузера.Размер фона: обложка «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/

+0

Вы можете установить несколько изображений в фоновом режиме, просто разделите их запятой. То же самое относится к размеру фона, положению и т. Д. – Slime

+0

@BuzzotheSplitter Не стоит ли просто складывать два поверх друг друга? Если они имеют одинаковые размеры пикселей (300x300), и я хочу, чтобы они росли с одинаковой скоростью, но отображали только самые последние пиксели одного из них, как я могу это сделать? –

ответ

0

я придумал приемлемое решение этой проблемы сам, используя background-clip. Internet Explorer 8 и ниже ему не очень нравится, но я могу это объяснить, и это относительно небольшая фракция (поддержка была одним из моих первоначальных требований, поэтому я чувствовал, что должен назвать себя в этом аспекте).

Обновлено Fiddle здесь: http://jsfiddle.net/uxfp6xos/2/

Смежные вопросы