サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
mania-ku.info
jQueryのfadeを行うと、Firefoxで画像の大きさが変になることがあります。 マウスオーバーのときになるみたいで変にガタガタします。 CSSだけで直るので、サクッと修正しちゃいましょう。 修正方法 fadeさせる画像にbox-shadowを指定します。 img { box-shadow: #000 0 0 0; } 参照:JQuery fadeIn fadeOut image difference 1px in FireFox – Stack Overflow IE7以下に対応する CSSで直す場合、そのまま使うとIE7以下ではfadeが効かない不具合があるので、CSSハックで対応します。 img, x:-moz-any-link, x:default { box-shadow: #000 0 0 0; }
このバグですが、現象としては下記のときに起きるみたい ・Android4系のみ(4系でもGALAXY S III SC-06D起きないっぽい) ・pタグでテキストのみ 対処法としては、二種類あります ・バグが起きた要素に背景色・背景画像を指定 (ただし、display:tableやdisplay:table-cellなんかだと効かない) ・viewportの指定でなんとかする(PCサイト用だと下記コードの要な感じで) (function(){ var agent = navigator.userAgent; if (agent.search(/Android 4/) !== -1) {//Android4系のみ。下位バージョンで効くとバグが起きる $("head").append($('<meta name="viewport" content="width=device-width,us
このページを最初にブックマークしてみませんか?
『mania-ku.info』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く