koloskov (06 Август 2014 - 13:44) писал:
Остались еще слои: каталогом накапливается разного рода инфа, хотелось бы при раскрытии быстрый просмотр был верхним слоем, а то сейчас он "предпоследний" слой
2. прокрутка..., она как бы в составе блока предпросмотра и часто отсекает правую часть превьюшки, а нельзя ли сделать какой-нибудь "padding" для нее, чтобы прокрутка возникала за пределами превьюшки
Здравствуйте. Можно сделать так, чтобы превью было сверху, для этого в main.css в строках
#column-left .box {background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/;}
и
body .prod_hold > div .prod-info-fly .preview {
border: 1px solid #f5f5f5;
border-right: medium none;
bottom: -6px;
box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
left: -86px !important;
padding: 5px 0 5px 5px;
top: -6px;
overflow: hidden;
overflow-y: auto;
}
и добавьте в них
Z-Index
таким образом
#column-left .box {background-color:#ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius: 5px;border-bottom:4px solid #e1e1e1;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);*border: solid 1px #e1e1e1;border: solid 1px #e1e1e1\0/; z-index: 1;}
body .prod_hold > div .prod-info-fly .preview {
border: 1px solid #f5f5f5;
border-right: medium none;
bottom: -6px;
box-shadow: -3px 0 6px 0 rgba(0, 0, 0, 0.1);
left: -86px !important;
padding: 5px 0 5px 5px;
top: -6px;
overflow: hidden;
overflow-y: auto;
z-index: 50;
}
чтоб в боковом меню
Z-Index был меньше, чем в превью.