WEBサイト制作をしていると、IE6のような古いブラウザのチェックが必要な場合が多いですが、普段使っているPCには入っていないという場合も多いので、どうしたものかな〜〜とお困りの方も多い(最近はそうでもないのかな)のでは、ないでしょうか。
普段私は、IETesterやAdobeR BrowserLabなどのツールを使って確認することが多いのですが、動作がおかしかったり、重かったりで、いまいち、コ…
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。
iOSのchromeでも同じ現象が起こるらしいのですが、未確認。
解決策
以下のコードをCSSファイルに追加すれば解決しました。
.owl-carousel { overflow: hidden; position: relative; width: 100%; z-index: 1; // added this }
OwlカルーセルのGithubにて問題として取り上げられていました。
引用 : Flickering on slide in Chrome and Safari
この投稿へのコメント
コメントはまだありません。