ツイッターのプロフィールウィジェットを入れているサイトで、CSSでデザインしていたら、h3やh4の設定がTwitterのウィジェットにまで反映されて、困ることが時々あります。(私は・・・)
今回はそれを直したかったので、調べて見ました。
Twitterのウィジェット
当サイトでは、Twitterが提供しているコードをそのまま設置していますが、以下のようなコードです。
[php]
<s…
レスポンシブ対応でとても重宝している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
graffiti on the web
この投稿へのコメント
コメントはまだありません。