Тень у блока с трех сторон, как?

[Galyanoff]

Как сделать тень у дива только с трех сторон? Только ухищряться?

Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее.

Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?

[Softlink]

Картинку покажите.

[IIAIIIA]

Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать.

Вполне себе решение.

Но можно, конечно, попробовать поиграться со смещением тени по вертикали, у верхнего отрицательное смещение, у нижнего положительное.

[Galyanoff]

Картинку покажите.

Сделал уже с помощью обертки.

Но ищу более простое решение.

[alexandr_v-vich]

http://jsfiddle.net/6Tc4t/7/

размытие доделаете по нужде.

Можно вполовину сократить, но не очень кроссбраузерно. - обрезать низ надо будет. С помощью clip по-моему это делается...

Edited March 31, 2012 by alexandr_v-vich

[Galyanoff]

http://jsfiddle.net/6Tc4t/7/

размытие доделаете по нужде.

Можно вполовину сократить, но не очень кроссбраузерно. - обрезать низ надо будет. С помощью clip по-моему это делается...

что значит не очень кроссбраузерно? насколько "неочень"? ))

[alexandr_v-vich]

http://htmlbook.ru/css/clip

Вот, что значит в два раза - http://jsfiddle.net/6Tc4t/10/ - низ обрезать clip`ом. Если нужно сохранить размеры - предварительно добавить снизу padding, который, собственно, обрежется.

[Galyanoff]

Спасибо, попробую.

Плюс не могу поставить, говорит лимит исчерпан...

[Softlink]

Чем обертка-то плоха? Куда еще проще?

[alexandr_v-vich]

Чем обертка-то плоха? Куда еще проще?

Прочитал только название темы и первую строчку...

Да, обёртка конечно же лучше и проще)

[Galyanoff]

Чем обертка-то плоха? Куда еще проще?

Хотел знать какие есть еще способы. Думал можно присваивать тень отдельным сторонам. Ну а так, да, мне обертка проще.