slick.jsを使ったスライドショー【IEで右端がちらつく】

スライドショーのslick.jsですが、簡単に実装できるので以前から度々利用させていただいております。

今回、IEで表示してみると、切り替え時に右端がちらつくのに気づきました。

ネットの情報も試したのですが解消できず、結局、画像の横幅を99.9%にしてみたら直ったので、その時の備忘録です。

サンプルHTML

  1. <ul id="slider_wrap">
  2.     <li><img src="_img/slid_a.jpg"></li>
  3.     <li><img src="_img/slid_b.jpg"></li>
  4.     <li><img src="_img/slid_c.jpg"></li>
  5. </ul>

CSS

  1. ul#slider_wrap img{
  2.     width: 99.9%;
  3. }
TOP