Safari や iOS 上のブラウザで border-radius で子要素をマスクできない問題
Safari で HTML を閲覧した際に、親要素に overflow: hidden と border-radius を設定してあるのに子要素が border-radius の範囲をはみ出して表示されてしまう問題についてです。 追記: 親要素に overflow: hidden を設定している前提の説明が抜けてしまっていたのでタイトルと本文を修正しました（コメントいただいた方ありがとうございました）。 問題 子要素に角丸スタイルを適用するために親要素で overflow: hidden と border-radius を設定しても、子要素が border-radius の範囲外でも表示されてしまいます。 デスクトップ版の Safari や iOS 上の Chrome 等で発生します。 たとえば次のように <img> を <div> で囲って overflow: hidden と bord
iPhoneでスーパーリロードを可能にするショートカット | SNIPPET
執筆時点でのiOSのバージョン（13.4.1）では、 キャッシュを無視したスーパーリロードをパソコンのように行うことはできません。 ただし、Apple標準アプリであるショートカットアプリとJavaScriptを使えば、 iPhoneでも強制的にスーパーリロードを行うことが可能です。 目次 iPhoneでスーパーリロードを行うための準備 ショートカットアプリを起動 【ショートカットを作成】をタップ 【アクションを追加】をタップ 【Web】のアイコンをタップ 【WebページでJavaScriptを実行】をタップ JavaScriptでページのリロードを実装 右上の三点リーダボタンをタップ アクションの名前、【共有シートに表示】をオンに変更、共有シートタイプを【SafariのWebページ】とする iPhoneで実際にスーパーリロードを行う 対象となるWebページをSafariで開いている状態で、
[CSS] Safariでも使える border-imageで下線グラデーション
border-image を使って見出しに下線グラデショーンをつけたら、 Chrome や FireFox では問題ないのに、 Safari だと左と上の線が表示されていた。 border-image の書き方を変えたら Safari でも正しく表示されるようになった。 Safari は、バージョン12.1.2。 Safari で問題のあった書き方 ググるとよく紹介されている書き方と同じ。 Safari でも、 Chrome と同じように表示させたい。 border-bottom: 1px solid; border-image: linear-gradient(to right, #666 0%, #fff 100%); border-image-slice: 1; border-image で border-image-source に画像の URL を指定しないと、初期値 none
![[CSS] Safariでも使える border-imageで下線グラデーション](https://cdn-ak-scissors.b.st-hatena.com/image/square/ddc6b7472cd67f5d5832a0658d2471bcdba3422d/height=288;version=1;width=512/https%3A%2F%2Fagohack.com%2Fwp%2Fwp-content%2Fuploads%2F2019%2F08%2Fcss3-logo.png){kind=logo}
iOS12.2のSafariでVRが動かないときの対処法メモ
当サイトは通販サイト・外部Webサービスへのリンクの一部にアフィリエイト広告を使用しています iOS12.2のSafariでVRが動かないときの対処法メモ 2019年3月30日 B! 目次 1 不動産サイト運営者は要確認！そのVR、動いてる？1.1 プラス0.2のマイナーアップデートでもSafariに大きな変化有り。1.2 サイトにVRを導入している運営者はiPhoneユーザーに要告知。ひっそり導入された新機能1.3 追記：iOS13以降のsafariからはジャイロセンサーを利用できない？ 不動産サイト運営者は要確認！そのVR、動いてる？ プラス0.2のマイナーアップデートでもSafariに大きな変化有り。 iPhoneをiOS12.2にアップデートしてから、SafariでVR画像（RICOH THETAなどの全天球カメラで撮影した360°写真）が埋め込まれているページを見ると、端末の傾き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
