border-radiusとoverflow: hidden;を指定した際、Safariでborder-radiusが効かないことがあったので、対応方法をメモ。
HOME > バグ・不具合
-
Safariでborder-radiusの指定が効かない
-
Firefoxでbox-shadowのアニメーションが発生しない不具合
box-shadowをtransitionでアニメーションさせたときに、Firefoxでだけ意図した動きにならないことがあったのでメモ。
-
Media Queriesを入れ子にした場合、IEで適用されない
Media Queriesを入れ子にできるのか疑問に思って試してみたところ、IE11で適用されないようだったのでメモ。
-
chromeでpointer-events noneが効かない不具合
YouTube埋め込みの前面に要素を重ねてpointer-events: none を指定した際、Google Chromeでうまく効かないことがあったので、その原因と対応方法をメモしておきます。
-
Facebookページプラグインのレスポンシブ対応で表示されない場合
以前にFacebookのページプラグインをレスポンシブに対応する方法の記事を書きましたが、画面幅によって表示されない現象に遭遇したので対応方法をメモ。
-
iOSで変数未定義がundefinedでないことがある
JavaScriptで変数に値が入っているかどうかを調べたときに、iOSでだけundefinedでないことがあったので調べたことをメモ。
-
iPadやAndroid Tabletでheight: 100%;が効かない
PCだとheight:100%;が意図した形で効いているのに、iPadやAndroid Tabletでは効かない現象に遭遇したのでメモ。
-
ページ内リンクが日本語だとIEでリンクが効かない
ページ内リンクのハッシュ部分にエンコードした文字列を指定していたのですが、IEでだけページ内リンクが効かないようだったので備忘録としてメモしておきます。
確認したのはIE11になります。 -
IEでAjaxのキャッシュが残る件
Ajaxを使った実装をした際に、IEでキャッシュが残って変更されない不具合に遭遇したので対応方法をメモしておきます。
-
疑似要素の:first-letterが2文字目にも適用される
:first-letterのスタイルが2文字目にも適用される不具合？に遭遇したのでメモしておきます。