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


ピックアップ記事

お名前.com VPSのメールサーバ設定

2011年06月11日 web関連
メール関連のサービスを起動お名前VPSのメモです。 とりあえず、メールの送受信を正常に行うには、以下のサービスを全部起動しておく。amavisdclamd.amavisddovecotpostfixメールクライアントの設定受信メールサーバメールサーバ:pop.ドメイン名アカウント:メールアドレスパスワード:メールアドレスのパスワード送信メールサーバメールサーバ:smtp.ドメイン名アカウント:メー…
「お名前.com VPSのメールサーバ設定」をはてなブックマークに追加

WordPress ウィジェットに個別のid,classを設定する

2014年08月11日 web関連WordPress
WordPressのウィジェットに個別のid,classを設定して、違うデザインを適用したい場合は、functions.php内でサイドウィジェットを有効にする設定項目の「before_widget」の箇所を以下のように変更します。 [php]register_sidebar(array( 'name' => 'side-widget', 'before_wid…
「WordPress ウィジェットに個別のid,classを設定する」をはてなブックマークに追加

jQueryのイベントが重複される場合の対応

2020年01月27日 jQuery・javascript
参考サイト : https://hodalog.com/how-to-prevent-the-event-from-being-executed-twice/…
「jQueryのイベントが重複される場合の対応」をはてなブックマークに追加

twitter API v1.1を使ってツイート投稿

2014年08月01日 web関連phptwitter API
twitterのAPIを利用してツイートする必要があったので、メモ。 準備 まず、twitterのdevサイトでapp登録しておきます。 次に、ツイートする際に必要なOAuthという認証作業を簡単にしてくれるOAuthライブラリtwitteroauthをダウンロードします。リンク先に飛んだら右下の方にDownload ZIPというボタンがあるのでそこからダウンロード出来ます。 …
「twitter API v1.1を使ってツイート投稿」をはてなブックマークに追加

jQueryでアコーディオンパネル

2011年06月16日 jQuery・javascript
jQueryでアコーディオンパネルを実装してみます。 サンプルも設置してますので、動作の確認が出来ます。…
「jQueryでアコーディオンパネル」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy