登录 | 注册 | FAQ
Anonymous

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

+ 发表回复

3 篇帖子 分页: 1 / 1


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

redspirit » 周日 6月 15, 2014 6:25 am

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

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

redspirit

  • 帖子: 1
  • 注册: 周日 6月 15, 2014 6:20 am

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

XainPro » 周日 6月 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
  • 注册: 周五 2月 17, 2012 8:10 pm

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

sodafireja » 周二 3月 03, 2015 4:09 am

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

sodafireja

  • 帖子: 2
  • 注册: 周二 3月 03, 2015 3:51 am


+ 发表回复

分页: 1 / 1