勉強したことのメモ

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

  関連記事

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

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

要素の表示or非表示

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

CSSでセンターリング

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

LINE風のふきだしデザイン

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

firebugでCSSパスをコピー

要素を調査⇒右クリック⇒CSSパスをコピーできる。 jQueryでのセレクタ指定 ...

CSSのdisplayについて

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

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

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

formのsubmitをボタンを無くしたり画像をつけたりCSSで装飾

aタグになっていたところをsubmitボタンに変えてほしいという修正依頼があった ...

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

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

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

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