株式会社ライブキャスト

ホームページを作っていて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だけうまく表示されないということで、手っ取り早く対応したいときにはしかたないかもしれませんが、この方法はあまり良くないかもしれませんね。
バージョンアップでいつサポートされなくなるかわかりませんので。

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