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

妙高Web屋

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

Web制作

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

2018.2.3 2019.1.10

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

マイクロソフトに「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)で表示されているはずです(^^)

ページの先頭へ戻る

0 0

メールマガジンでWeb制作の情報を購読!

妙高Web屋では、ホームページの管理・運営のお役立ち情報を当サイト内よりも早く、メールマガジンでご紹介しております。

次回配信予定のテーマは、こちらです!

「ホームページ・ブログ・SNSって、どんな内容を投稿すれば良いの!?」

気になる方は、下記のボタンからメルマガ購読をお申し込みください。

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

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

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

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