勉強したことのメモ

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, ブラウザ

  関連記事

images
CSSのdisplayについて

よく使うdisplayだけれども、noneとblock以外で 初めて使うことがあ ...

images
デザイン等のカラーの組み合わせを簡単に決める方法

サイト作成時にメインカラーとそれにマッチする組み合わせを考える必要があった。デザ ...

images
LINE風のふきだしデザイン

LINE風のふきだしデザインでページを作ってほしいと言われた。 CSSはあまり理 ...

images
CSSでセンターリング

<center></center>でセンターリングが出来 ...

images
上部に固定されたヘッダーメニューの作成

■やりたい事 ページスクロールしても上部に固定されたヘッダメニューの作る &nb ...

images
CSSでマウスカーソルの変更

マウスカーソルはCSSで任意に決められるみたい。 リンク時に一律させた方がよいと ...

other
Chromeで「Port: Could not establish connection. Receiving end does not exist.」と出た

今まで動いていたプログラムなのに、Chromeで 「Port: Could no ...

other
FirefoxとChromeでQRコードを表示させるプラグイン

業務中にスマフォ、ガラケーでデザインや挙動を見たい時に わざわざURL打ち込みや ...

ie-logo-small
クロスドメインな状況でiframeがIEのみ挙動がおかしくなる場合

iframeで別のドメインのサイトを表示させた場合に、firefoxやchrom ...

images
CSSでプロパティの初期化

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