Вход | Регистрация | FAQ
Anonymous

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

+ Ответить

Сообщений: 3 Страница 1 из 1


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

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

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

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

redspirit

  • Сообщения: 1
  • Зарегистрирован: Вс июн 15, 2014 6:20 am

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/
Аватара пользователя

XainPro

  • Сообщения: 3933
  • Зарегистрирован: Пт фев 17, 2012 8:10 pm

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

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

Oh my God, You have it exactly as I find all respects.
Аватара пользователя

sodafireja

  • Сообщения: 2
  • Зарегистрирован: Вт мар 03, 2015 3:51 am


+ Ответить

Страница 1 из 1