レスポンシブなサイトを作るときに、大きな画面では画像メニュー、スマホなどのサイズでは、テキストメニューにして、メニューボタンに格納したい場合など、画像メニューからテキストメニューにCSSで表示切り替えする方法。
cssの:before attr属性で解決
html
[php]<ul id="nav">
<li><a data-tex…
レスポンシブ対応でとても重宝している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
この投稿へのコメント
コメントはまだありません。