【IE撲滅運動】IE利用者への啓蒙オーバレイ表示

ありがとうございます（笑）

本件、わざわざ記事にしてくださってありがとうございます ＾＾

私の手間が省けて「やったね♪」と(^。^;)ホッとしております～ ＾＾

To ぼっちんさん

ぼっちんさん、こんにちは (o'ω')ﾉ

ホントはぼっちんさんに書いて頂きたかったんですが、私「IE分岐」の件でみなさんにごめんなさいを伝えなきゃいけなかったので ^^;
最近のテンプレートに「全IEを対象にしたい場合には〜」とか言ってif文オーバーレイへのリンクを付けていましたので修正しました （￣∀￣；）

私の方では「if〜が使えませんのでこっち使ってね」の件とFC2で使う場合の補助的説明だけで視点が違うと思いますので、ぼっちんさんも是非お書きになってくださいね。

べ、勉強します。

Akiraさん、こんにちは。
ごぶさたしています。
昨年の夏から、２０年ぶりに働きにでることになり、仕事に慣れるのに必死で、かなりパソコン放置になってました。
お弁当は相変わらず作ってはいたのですが、インスタにだけパパっと上げてましたが、なんか「いいね」疲れしてしまって、それならやっぱりブログかな、と思い、最近ぼちぼちパソコンに向かうようになりました。
文字打ったり、ネットの買い物しても、やっぱり大きくて見やすいので、老眼のオババにはこちらの環境のほうが見やすいです。

しばらくぶりにこちらへきたら、警告文が。笑
おーまいがっ！
でも、見たいので、Chrome使い出しました。
なかなか不慣れなのですが、新しいことって脳にはとっても良い刺激があるそうで。
ぼちぼちですが、がんばりまっす。

To あっちゃんさん

こんにちは。お久しぶりですー (●'0'●)/

わー。そうでしたか。そうなんです。IE対応を辞めてしまいました ^^;
ブラウザを変更してまでお越し頂いたんですね。ありがとうございます。
いいね疲れ、なんかわかりますー。私はFB持ってますけど誰にも「いいね」しないですし「いいね」を頂いても完全スルーです(笑)
instaに至っては申請からなにから全てスルー(笑)

IEアラートのCSSについて

コメントは出来ておりませんが、Akiraさんのサイト参考にさせてもらっております。
自分で色々試しましたが、行き詰ってしまったのでお手数ですがご教示いただけると嬉しいです。

以前、IEユーザーの方からサイトが見れないとのコメントがあったので、自分もアラートの導入をすることにしました。
このページのブログカードにリンクしてあるwemo.techさんとAkiraさんの補足のおかげでアラート自体は導入できたのですが、CSSの一部が反映されておらず、どうすればいいのか悩んでおります。
wemo.techさんのJSのHTMLとCSSを、そのままコピペしており、反映していないCSSの要素は、

span,p,a{
color: #fff;
}
span{
display: block;
font-size: 80px;
}
p{
font-size: 20px;
}
a{
display: inline-block;
font-size: 16px;
margin-top: 20px;
padding: 8px 80px;
border: solid 1px #fff;
&:hover{
background: rgba(255,255,255,0.1);
}
}

こちらの部分になります。
初心者すぎる質問かもしれませんが、宜しくお願いします。

To yksbさん

こんばんは ('0')/
* IEアラートの件

えっとですね。この記事内で私がコードの配布をするわけにいかないもんですから、html, CSSの「FC2向け」内容というのははっきり掲載していないんですが、配布主さんのCSSはミックスインといってCSSでもちょっと特殊な書き方なんですね(lessとかsassというものです)
FC2ではそれはNGなので、yksbさんがどんな見た目にしたいのかはyksbさんにしかわかりませんが、私のものと同一で良い、ということであれば以下の内容をご利用ください。テキスト内容の変更はできます。

【スクリプト】htmlの</body>直前に記載

* 削除しました

【CSS】スタイルシートの末尾に記載

* 削除しました

-----
一度ご確認頂きまして、修正したい場合は「具体的にどの部位を」を明記した上でお尋ねくださいね。
よろしくお願いします。

To Akiraさん

素早いお返事、ありがとうございます。
なぜFC2では反映されないのかも教えて頂きスッキリしました。
Akiraさんの警告文は英文付きでインパクトもありますので、しばらくこのまま使わせて下さい。
文章や配置の修正は、コードの意味を調べて自分でやってみようと思います。
結構悩んでいたので質問して良かったです。
ありがとうございました！

To yksbさん(完了のご報告)

こんにちは。

横に続いているので見た目は煩わしいですが内容は難しくありませんので頑張ってくださいね。
お疲れ様でした :)
* コード内容は削除しておきます。

こんにちは。
IE対策は何もしていなかったので気になっていましたが、タイミングよくyksbさんへのコメントにコード内容がまだ表示されている時に拝見し、私も導入させて頂きました。私のパソコンは買い替えたばかりなので、IEでどう表示されるかは確認ができないのですが。
果報をこっそり取ったようでなんだか気になるので報告させていただきますm(__)m
すみません。大丈夫でしょうか。

To bonさん

bonさん、こんばんは ('0')/

はい。問題有りません。どうぞお使いください。
ie11での見た目は以下のサイトでスクリーンショットとして見ることができますよ。

IE NetRenderer
http://netrenderer.com/index.php

一部下へはみ出して見える部位などもありますが、スクロールボックス状態になっていますので実際にははみ出してはいません。簡易チェックに使えると思います :)

To Akiraさん

おはようございます。
IEでの見え方が確認できるサイトなんてあるんですね。教えて下さりありがとうございました。
見てきました。刺激的な警告画面でこれは効果ありそうです。
Akiraさんが記事に書いておられるように、
「ちゃんと見られない、何なのこのサイト」と言われる心配もこれでなくなりますね。
使用させていただきます。ありがとうございます。

また、先日から使わせて頂いている注意とヒントのボックスですが、それはそれは大変な苦労の末にアイコンを変更して、メモとインフォメーションボックスを増やすことに成功しました。アイコンひとつ表示させることがあれほど大変なこととは…でもできたときの喜びもひとしおでした。
Akiraさんの豊富な知識を培われた努力の大きさを思い、それを私たちに無償で教授くださることのありがたさをあらためて感じました。いつもいつも、本当にありがとうございます。

To bonさん

こんばんは ('0')/
コメント見落としていました。ごめんなさいね (*_ _)

ご自分で頑張られたんですね。一度覚えてしまえば応用が効きますので苦労は無駄にならないと思います。
お疲れ様でした :)