Я интегрирую слайдер nivo на свой сайт, я использую jquery! не плагин wordpress. У меня нет проблем, когда я устанавливаю, потому что он работает мгновенно, однако, когда я натолкнулся на идею, что хочу сделать его более приятным, я попытался добавить несколько стилей в класс .nivoSlider.
padding: 8px;
border: 1px solid #ccc;
background: #fff;
-moz-box-shadow: 0 0 5px 5px #888 !important;
-webkit-box-shadow: 0 0 5px 5px#888 !important;
box-shadow: 0 0 5px 5px #888 !important;
сначала отступ применяется только к верхней и нижней части ползунка, а также даже с использованием границ, пока я не заменю
height: 100%;
to
max-height: 100%;
в классе .nivoSlider
но теперь основная проблема здесь — это тень блока, потому что тень обрезана с обеих сторон ползунка, я имею в виду, что тень не отображается с левой и правой стороны ползунка (тень не по всему блоку) , вместо этого тень блока отображается только вверху и внизу ползунка.
Я не знаю, что происходит, но я пытаюсь понять, что происходит и как это исправить, поэтому я здесь, чтобы спросить предложения и идеи, как добиться полной тени в слайдере.
Спасибо.
