勉強したことのメモ

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
firebugでCSSパスをコピー

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

other
Firefoxでプロキシを刺す

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

jquery_logo
jQueryとCSSの連携

$(function(){ $("#change_small").click(f ...

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

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

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

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

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

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

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

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

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

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

images
CSSのopacity

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

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

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