勉強したことのメモ

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

  関連記事

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

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

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

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

images
CSSのopacity

opacityというプロパティを業務中に見かけたのでメモ。 透明度を指定するもの ...

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

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

images
ページング用CSS

div.pageNav { //これなくてもいいかも。 clear: both; ...

images
cssのcontent

テキストが書かれているけど、firebugで要素を見ても 書かれていない。かとい ...

other
Firefoxでプロキシを刺す

プロキシってよく聞くけど実際に使ったことは無かった。 IP制限かけたときに確認す ...

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

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

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

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

images
CSSで一つの要素に対して複数の背景色を指定する方法

divの要素に対して複数の背景色をつけたかった。background-color ...