{"action":"opened","issue":{"url":"https://api.github.com/repos/kenwheeler/slick/issues/1878","labels_url":"https://api.github.com/repos/kenwheeler/slick/issues/1878/labels{/name}","comments_url":"https://api.github.com/repos/kenwheeler/slick/issues/1878/comments","events_url":"https://api.github.com/repos/kenwheeler/slick/issues/1878/events","html_url":"https://github.com/kenwheeler/slick/issues/1878","id":115896326,"number":1878,"title":"webkit-box-reflect effect will disappear if the slidesToShow number equals to the total number of images.","user":{"login":"lorentzyip","id":1384476,"avatar_url":"https://avatars.githubusercontent.com/u/1384476?v=3","gravatar_id":"","url":"https://api.github.com/users/lorentzyip","html_url":"https://github.com/lorentzyip","followers_url":"https://api.github.com/users/lorentzyip/followers","following_url":"https://api.github.com/users/lorentzyip/following{/other_user}","gists_url":"https://api.github.com/users/lorentzyip/gists{/gist_id}","starred_url":"https://api.github.com/users/lorentzyip/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lorentzyip/subscriptions","organizations_url":"https://api.github.com/users/lorentzyip/orgs","repos_url":"https://api.github.com/users/lorentzyip/repos","events_url":"https://api.github.com/users/lorentzyip/events{/privacy}","received_events_url":"https://api.github.com/users/lorentzyip/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-11-09T15:09:47Z","updated_at":"2015-11-09T15:09:47Z","closed_at":null,"body":"Hi, I have an html which shows four images below\r\n\r\n<html>\r\n<head>\r\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"slick/slick.css\" />\r\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"slick/slick-theme.css\" />\r\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />\r\n</head>\r\n<body>\r\n\t<div id=\"content-promotions\">\r\n\t\t<div id=\"promotions-slider-container\">\r\n\t\t\t<div class=\"promotion-container\">\r\n\t\t\t\t<img src=\"1.jpg\" class=\"reflect\">\r\n\t\t\t</div>\r\n\t\t\t<div class=\"promotion-container\">\r\n\t\t\t\t<img src=\"2.jpg\" class=\"reflect\">\r\n\t\t\t</div>\r\n\t\t\t<div class=\"promotion-container\">\r\n\t\t\t\t<img src=\"3.jpg\" class=\"reflect\">\r\n\t\t\t</div>\r\n\t\t\t<div class=\"promotion-container\">\r\n\t\t\t\t<img src=\"4.jpg\" class=\"reflect\">\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<script src=\"http://code.jquery.com/jquery-1.11.3.min.js\"></script>\r\n\t<script type=\"text/javascript\" src=\"slick/slick.min.js\"></script>\r\n\t<script type=\"text/javascript\">\r\n\t\t$('#promotions-slider-container').slick({\r\n\t\t\tdots: false,\r\n\t\t\tslidesToShow: 4,\r\n\t\t\tinfinite: true\r\n\t\t});\r\n\t</script>\r\n</body>\r\n</html>\r\n\r\nstyle.css:\r\n-------------------------------------------------------------------------------------------------------\r\nbody {\r\n    background-color: gray;\r\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    color: #333;\r\n    overflow: hidden;\r\n}\r\n\r\n#content-promotions {\r\n    text-align: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    padding: 10px;\r\n}\r\n\r\n#content-promotion {\r\n    width: 1024px;\r\n    height: 768px;\r\n}\r\n\r\n#promotions-slider-container {\r\n    position: absolute;\r\n    top: 180px;\r\n    left: 0px;\r\n    width: 1920px;\r\n}\r\n\r\n.promotion-container {\r\n    position: relative;\r\n    float: left;\r\n    width: 366px;\r\n    height: 715px;\r\n}\r\n\r\n.promotion-container img, .facility-container img, .spot-container img {\r\n    width: 366px;\r\n    height: 549px;\r\n    margin: 10px auto;\r\n    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);\r\n    box-shadow: 0 0 10px rgba(0,0,0,0.6);\r\n}\r\n\r\n.reflect {\r\n    -webkit-box-reflect : below 0 -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,0.3)), color-stop(0.3, transparent));\r\n}\r\n-------------------------------------------------------------------------------------------------------\r\n\r\nif I set the slidesToShow < 4, the reflection effect can be shown below each image. However, if I set it to four, the reflection effect gone. But if I open chrome's style inspector and toggle the \"reflect\" class on the image manually, the reflection effects appear again. Is it a bug and do somebody know how to fix it? Thanks.\r\n"}}