【CSS】IEのみにCSSを適用する方法

CSS – IEのみに適用する方法
目次

IEのみにCSSを適用する方法

以下のように記述する

@media all and (-ms-high-contrast: none) {
  /* ここから下に記述 */
  div {
    border: 1px solid #000000;
  }
}

メディアクエリを追記して、IEのみ+最大580pxまでなど、スマホ向けの記述も可能です(使う機会は限られると思います)。

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) and (max-width: 580px) {
  /* ここから下に記述 */
	.image-container {
		margin: 0 auto;
		position: relative;
			top: 40px;
			left: 0;
	}
}
CSS – IEのみに適用する方法

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!

この記事を書いた人

web-knot.comのアバター web-knot.com ウェブデザイナー・ウェブ解析士

ウェブサイト全体の計画・戦略立案から、デザイン・コーディングまで一貫して担当いたします。

目次