Box-shadow inset image и высота изображения?

Привет хабр


Мне понадобилось сделать у изображиеня box-shadow inset, но к своему удивлению я узнал, что без хаков и не через background-image это сделать нельзя.

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


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


Может кто нибудь сталкивался с похожей задачей или знает как можно ее решить желательно с помощью html и css (если вообще можно).


UPDATE 1:

Поправил картиyки на jsfidle и решения с канвой
  • Вопрос задан
  • 10648 просмотров
Пригласить эксперта
Ответы на вопрос 2
Enuriru
@Enuriru
Дизайнер, веб-разработчик
Можно так. По сути, это тоже хак: jsfiddle.net/8Lus8/
Требует создания прозрачного изображения такого же размера, как и требуемое.
Ответ написан
посмотрите, правильно ли я вас понял http://jsfiddle.net/baTUs/11/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы