ホームページ制作のネタ発信

IE10以降にだけにCSSを適応するハック

投稿日：2014/12/25 木曜日

最近あまりIE用のCSSハックを使うことが無くなったけど、どうしてもハックする必要がでてきたのでメモ。

@media all and (-ms-high-contrast:none){
  .red {
	  color: #f00;
  }
}

こちらのサイトを参考にしました。

http://nelog.jp/ie11-css-hack

執筆者：takehito

comment

: 幅いっぱいのスマホサイトのメニューで1pxのボーダーを追加する方法

基本的にスマホサイトを作る際はリキッドレイアウトにすることが多いと思う。その際１つ１つの要素に対して％（パーセント）指定をするが、1pxのボーダーを要素の間にいれようと思うと、これがなかなかうまく …

: パーセント(%)指定したボックスにボーダーを指定する方法

最近はスマホサイトの制作も増え、ボックスの幅をパーセント(%)指定することが増えてきました。その際にボックスにボーダーを追加するとボーダー分幅が広くなりカラム落ちすることがあります。そんな時は、ボ …

: iPhoneのフォームでフォーカスがズームされるのを防ぐ方法

スマホ用のサイトを作っている時にフォームのテキストフィールドやセレクトをタップすると、画面がズームされることはありませんか？そんな時はフォントサイズを16px以上にするとズームされるとこなく、入力す …

: iPhone Safariのsubmitボタンのデザインを変更する方法

通常CSSでbackgroundやborder-radiusをかけることによってスタイルを定義することができますが、 iPhoneSafariの場合は最初にリセットする必要があります。 #hdSear …

: [CSS]iPhoneのSafariで背景画像のposition: fixed;が効かない時の対処法

スマホ用のサイトを制作中にiPhoneのSafariで背景画像のposition: fixed;が効かなかったので、それの対処法の備忘録。この「ああああああ」のボックスが上のメインビジュアルの上を移 …