新潟県妙高市|ホームページと広告の相談相手

妙高Web屋

お仕事のご依頼お見積りのご依頼

Web制作

【CSS】Edgeの表示が他のブラウザと違う場合のCSSハック

2018.2.3 2019.1.10

【CSS】Edgeの表示が他のブラウザと違う場合のCSSハック
Web制作 0 0
妙高Web屋LINE@ 友だち追加

マイクロソフトに「Edge(エッジ)」というブラウザがあります。

コーディングをしていると、いろいろな理由でEdgeだけズレているという場合もあります。

今回は「Edgeが対象のCSSハック」をご紹介します。

Edgeだけに適用されるCSS

Edgeだけに適用されるCSSは、適用させたいCSSのスタイル定義を[@supports (-ms-ime-align:auto) { … }]で囲ってあげる必要があります。

@supports (-ms-ime-align:auto) {
.className {color:#ff0000;}
}

この記述では[className]というクラス名がついた要素は、Edgeでみた場合に赤い文字(#ff0000)で表示されているはずです(^^)

ページの先頭へ戻る

妙高Web屋LINE@ 友だち追加
0 0

LINE@始めました!

妙高Web屋ではこのたび、LINE@(ラインアット)を始めることとなりました。

企業やお店のWeb担当者さまへ向けて、ホームページの運営・管理・更新に関する情報を発信していきます。

情報を購読できる「友だち」へのご登録は、下記のボタンよりお願いいたします。

目的のページは見つかりましたか?

お探しのページが見当たらない場合は、キーワードを手がかりに、サイト内検索をご利用ください。

または、下記のボタンより「サイトマップ」のページにアクセスしていただき、お探しください。

目的のページは見つかりましたか?
Twitterでシェアする Twitterでシェアする Facebookでシェアする Facebookでシェアする Feedlyで購読する Feedlyで購読する お問い合わせお問い合わせ ページの先頭へページの先頭へ