Внутренняя тень и картинки

Внутренняя тень и картинки

redspirit » Вс июн 15, 2014 6:25 am

Здравствуйте, помогите пожалуйста разобраться с такой штуковиной:

Есть типа окошечко для чата и в нем применена внутренняя тень, все выглядит хорошо, но если в окошке появляются картинки то они перекрывают тень.
Вот демонстрация: http://jsfiddle.net/redspirit/LPjSV/
Если прокрутить вверх то картинка (смайлик) закроет тень. Как сделать чтобы тень и на картинку накладывалась?

Re: Внутренняя тень и картинки

XainPro » Вс июн 22, 2014 6:59 am

.pane{
width:400px;
height:200px;
padding: 5px;
border: 1px solid gray;
box-shadow: inset 0px 3px 10px 0px rgba(50, 50, 50, 0.68);

}
.messages {
margin-top:30px;
overflow-y: scroll;
height:150px;
}
.messages p{
padding-top:0;
margin: 2px;
z-index:-100;
}


http://jsfiddle.net/LPjSV/22/

Re: Внутренняя тень и картинки

sodafireja » Вт мар 03, 2015 4:09 am

Oh my God, You have it exactly as I find all respects.