勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

特定のブラウザのみCSS指定

      2014/07/03

FireFoxだけどうにもデザインが崩れる、
ただ他のブラウザでは希望通りのデザインなので
共通指定はしたくないというケースがあった。

■参考サイト
http://blog.goo.ne.jp/yuta_wako_univ/e/8a998445ea55257055ef3b3e4dda7712

@-moz-document url-prefix() {
body {
color: #fff;
}
}

で解決。
探すと他のブラウザ指定方法もあったのでメモ。

■参考サイト
http://www.conifer.jp/csstest/css-ie-version.html?PHPSESSID=3e5e12c6d4f720cd26579e7d23780211
http://ameblo.jp/linking/entry-10443931594.html

 - CSS, ブラウザ

  関連記事

可変要素内の文字を丸める

可変の要素内の文字を丸めたかった。いつもであればPHPのmb_strimwidt ...

要素の表示or非表示

今まで要素の表示or非表示をCSSで操作する際、 display:none; / ...

CSSでプロパティの初期化

CSSでmedia screen and等を指定し、特定の場合のみプロパティの無 ...

CSSでfloatの解除

CSSでfloatがかかっているところを解除したかったけど、 やり方が分からなか ...

スマホサイトでviewportを指定しても横スクロールバーが表示される

スマホ用のサイトでviewportが指定されており、widthも100%になって ...

IE8でコンソールログ

業務中IE8でコンソールログを開きたいことがあったけど 見つけられなかったのでメ ...

Chromeでフォーム周りの不具合?

とあるページでChromeの32verで見た際に、 セレクトメニュー(プルダウン ...

Bootstrapを使用したデザインテンプレート

Bootstrapを使用してもデザインのセンス無いし、 と思っていいものはないか ...

ページ内リンク(アンカーリンク)がずれる場合の対処法

ヘッダーに固定メニューを設置しており、コンテンツ部分でアンカーリンクを使うと固定 ...

Flash上にHTMLの文字やリンクを重ねる方法

FlashにHTMLで文字を書きたかった。そのまま書くのは無理だろうけどCSSか ...