2015年03月19日 web関連jQuery・javascript

レスポンシブ対応でとても重宝している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

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

wordpressのパンくずリストをmicrodata対応させる[追記あり]

2014年08月04日 web関連WordPressphpSEO対策
WordPressのパンくずリストをリッチスニペット(microdata)に対応させてみました。 リッチスニペットについては下記を参考にしてください。 リッチ スニペット - パンくずリスト(Google) 対応後のコードはGistにあります。という割に、Gistの使い方がよくわかっていません・・。 少しずつ勉強していきます。(^_^;) microdata対応のWordpr…
「wordpressのパンくずリストをmicrodata対応させる[追記あり]」をはてなブックマークに追加

DREAMWEAVER CS6でSCSSを使うための準備

2015年03月03日 web関連
dreamweaver CS6では、scss,sassなどが使えません。使えないというか、コードヒントやコードカラーリングが適用されず、テキスト扱いと同様になってしまいます。 検索すれば、多くのサイトで説明されていますが、以下の作業をすればコードヒントが使えるようになります。 scssを追加する手順 1.DWの環境設定>ファイルタイプ/エディター内の「コードビューで開く」の箇所に「.scss」を追加します。(sassも使いたい場合は.sassも追加) 2. アプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration 内の「Extensions.txt」とアプリケーション ▸ Adobe Dreamweaver CS6 ▸ Configuration ▸ DocumentTypes内の「MMDocumentTypes.xml」を編集 …
「DREAMWEAVER CS6でSCSSを使うための準備」をはてなブックマークに追加

TwitterのプロフィールウィジェットのデザインをCSSで調整する

2012年02月07日 web関連twitter API
ツイッターのプロフィールウィジェットを入れているサイトで、CSSでデザインしていたら、h3やh4の設定がTwitterのウィジェットにまで反映されて、困ることが時々あります。(私は・・・) 今回はそれを直したかったので、調べて見ました。 Twitterのウィジェット 当サイトでは、Twitterが提供しているコードをそのまま設置していますが、以下のようなコードです。 [php] <s…
「TwitterのプロフィールウィジェットのデザインをCSSで調整する」をはてなブックマークに追加

Twitter API の利用回数制限を確認する

2011年07月29日 web関連twitter API
Twitter API (GET送信のみ?) には利用回数上限があります。Twitter APIを利用してサービスを作る際に、試行錯誤していると、いつの間にかAPIの利用回数上限にひっかかってしまいます。利用回数上限にひっかかると,一定時間(およそ1時間らしいです)そのアカウントまたはそのIPアドレスからアクセスできなくなります。 …
「Twitter API の利用回数制限を確認する」をはてなブックマークに追加

WordPressで記事本文にjavascriptを使う

2011年06月15日 WordPressjQuery・javascript
WordPressには、投稿する記事を自動整形する機能があるんで、勝手に改行とかを入れてくれて便利なのですが、こいつが時々邪魔をします。 これを簡単に解決する方法がありましたので、投稿しておきます。…
「WordPressで記事本文にjavascriptを使う」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy