ホームページを作っていてEdgeだけ他の主要ブラウザ(Chrome、Safari、Firefox、IE11・・・)とは違った表示になってしまった。ってことありませんか?
そんなときはIEみたいにEdgeだけスタイルをあてるようにできるとといいですよね。

こんな書き方でできるみたいです。
メモしておきます。

@supports (-ms-ime-align:auto) {
	#top .main_visual {
		background-attachment: scroll;
	}
}

@supports(条件)で、条件の部分をサポートしている場合はそのスタイルを適用する。
みたいな感じですね。

@supports (-ms-accelerator:true) {
	#top .main_visual {
		background-attachment: scroll;
	}
}

以前は

-ms-accelerator:true

でいけたようなのですが、Edgeのバージョンアップで-ms-acceleratorはいつからかきかなくなったみたいです(2016/10/28時点)。

Edgeだけうまく表示されないということで、手っ取り早く対応したいときにはしかたないかもしれませんが、この方法はあまり良くないかもしれませんね。
バージョンアップでいつサポートされなくなるかわかりませんので。

この書式を使う場合にはご注意を!

関連記事

Trackback URL