вставка css, тень сверху, слева, справа, изображение снизу - PullRequest
Новая
       3

вставка css, тень сверху, слева, справа, изображение снизу

2 голосов
/ 21 декабря 2011

Мне нужно, чтобы тень от ящика сверху, справа и слева, а также изображение снизу. Я пытался так: 

container
  child-container

отображение верхней вставки в контейнере: 

box-shadow: 0 5px 5px rgba(0, 0, 0, 0.23) inset;
padding: 8px 0 6px;
background: url("../bottom_image.gif") no-repeat scroll center bottom #FFFCD8;

и ребенку, дайте правую и левую вставную тень: 

box-shadow: 5px 0 5px -5px #999999 inset, -5px 0 5px -5px #999999 inset;
padding: 0 25px;

Но в верхней части дочернего контейнера упоминается строка.

Может кто-нибудь сказать мне правильный способ сделать это?

1 Ответ

0 голосов
/ 21 декабря 2011

попробуйте это:

jsFiddle 

.container {
    box-shadow: 0 4px 3px 3px rgba(0, 0, 0, 0.23) inset;
    padding:8px 25px 0;
    background: url("../bottom_image.gif") no-repeat scroll center bottom #FFFCD8;
}

<div class="container">
    <div class="child-container">FooBar</div>
</div>
...