| |
 1.9 Мб |
|
| | Не могу понять почему когда делаю тени по диагонали, то они не показываются для блока. Идет работа со слоями. Тени представляют собой блоки, которые заходят за главный, но немного выступают
В html и дет
В css прописываю:
#slider{
height:120px;
background: #FFF; /* Цвет фона */
/*box-shadow: 0 5px 7px 0 rgba(0,0,0,0.9); /* Параметры тени */
/*filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=5, color=#000000);*/ /* Для IE9 */
height:400px
margin:0 auto;
position:relative;
}
#slider:before {
z-index:-1;
position:absolute;
content:"";
width:450px;
height:7px;
left:0;
top:145px;
box-shadow:0 10px 4px rgba(0, 0, 0, 1);
-webkit-transform:rotate(-2deg);
-moz-transform:rotate(-2deg);
-o-transform:rotate(-2deg);
-ms-transform:rotate(-2deg);
transform:rotate(-2deg);
}
#slider:after {
z-index:-1;
position:absolute;
content:"";
width:450px;
height:7px;
right:0;
top:145px;
box-shadow:0 10px 4px rgba(0, 0, 0, 1);
-webkit-transform:rotate(2deg);
-moz-transform:rotate(2deg);
-o-transform:rotate(2deg);
-ms-transform:rotate(2deg);
transform:rotate(2deg);
}
|
Если ставить z-index не -1, а 1, то они видны, но не заходят как надо за главный #slider | |
| |
|
