プロフィール

Author:鴎佐和志孝
1981年生まれ
職業:シナリオライター(見込み)
信条:一度でも同じ舞台に立った者は皆家族

カレンダー

01 | 2017/02 | 03
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 - - - -

最近の記事

最近のコメント

最近のトラックバック

カテゴリー

月別アーカイブ

どこまでも。
シナリオライター・鴎佐和志孝さんのProduction notes
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

FireFox で letter-spacing が効かない
ChromeやOperaでは効くのに。


限りなく0に近いアクセス数を飛躍的に伸ばすため、
検索に引っかかりそうな話を書くの巻。

CSSで transition を使って letter-spacing を設定した時の話。

元になる方に
{
transition : 0.5s ;
}
と書いて、
hover に
{
letter-spacing : 5px;
}

と書くと、FireFox だけが動かないのです。
IE、Safari、Chrome、Opera、全部「ぼゎん」と文字間隔が動くのに、
FireFox だけが効かない。
これはなんだろうと色々試したところ、どうやら
元になる方に
{
letter-spacing : 0px ;
}
と書く必要があるようです。

つまり、元になる方に何も書かず、hover にだけ書く形だと
「何pxから5pxの動きなのか」をFireFoxが判断してくれないらしいのです。
他のブラウザの場合は、自動的に「0pxから5px」と判断してくれるのですが、
FireFox だけその融通が利かないため、正常に動かないという。

IEだけ効かないってのは毎度おなじみですが、
FireFox だけが効かないってのは珍しいので、
検索に引っかかるかもと思って書きました。

どうかな?

スポンサーサイト
■ この記事に対するコメント

■ この記事に対するコメントの投稿














管理者にだけ表示を許可する。


■ この記事に対するトラックバック
トラックバックURL
→http://docomademo.blog87.fc2.com/tb.php/1655-c5e23fd3
この記事にトラックバックする。(FC2ブログユーザー)
Twitter

ZARD CLOCK

ブログ内検索

メールフォーム

名前:
メール:
件名:
本文:

リンク

このブログをリンクに追加する

RSSフィード

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。