сопоставить две позиции изображения с CSS

Question

сопоставить две позиции изображения с CSS

0

Я пытаюсь имитировать что-то вроде стиля iOS7, с фоном размытия мороза.

У меня есть изображение на теле и боковой панели, которое должно выглядеть как iOS7.

проблема в том, что я не могу сопоставить позиции тела и боковых панелей. Также эта боковая панель будет двигаться вверх и вниз.

Вот jsFiddle: http://jsfiddle.net/K9BCq/1/

проблема в том, что я использую background-size: cover на теле, и поскольку боковая панель статически шириной 200 пикселей, они никогда не будут точно соответствовать

CBeTJlu4ok 07 дек. 2013, в 13:17

Источник

0

Вы хотите разделить экран 50-50 на одну сторону размытия: 0 и секунду размытия: 10. Это правильно?
Szymon 07 дек. 2013, в 13:33
0

Нет, я хочу фон 100% этого изображения и боковую панель шириной 200 пикселей. размытие тела: 0 и боковая панель 10
CBeTJlu4ok 07 дек. 2013, в 14:03
0

Я думаю, что css вы этого не сделаете. С другой стороны, вы можете попробовать использовать blurjs.com, который, я думаю, будет работать для вас.
Szymon 07 дек. 2013, в 15:45

Показать ещё 1 комментарий

Теги:

html

css

html5

css3

1 ответ

Ещё вопросы

Вы хотите разделить экран 50-50 на одну сторону размытия: 0 и секунду размытия: 10. Это правильно?
Нет, я хочу фон 100% этого изображения и боковую панель шириной 200 пикселей. размытие тела: 0 и боковая панель 10
Я думаю, что css вы этого не сделаете. С другой стороны, вы можете попробовать использовать blurjs.com, который, я думаю, будет работать для вас.

Lokesh Suthar · Accepted Answer · 2013-12-07T14-26-00.000Z

Я просто попытался использовать это, и это сработало для меня.

background-size:cover;
bacground-position:84%;

Это будет работать, но вам нужно управлять фоновой позицией в соответствии с вашим расположением боковой панели.

http://jsfiddle.net/K9BCq/2/

Я пытался найти решение только для CSS.
Извините, но это решение CSS, не так ли?