ＣＳＳ３をIE８でも作動させるようにするには？？

解決済

質問者：t-pop-corn-t
質問日時：2013/03/15 17:38
回答数：2件

http://lab.synck.com/Cal3.0/

上記ＨＰ IE8で作動しませんか？
日付の上にマウスを当てると、文字が表示される仕組みなのですがIE8では表示されないと聞いています。
実際僕もIE8で試してみたら、表示されませんでした。googleクロームでは表示されるのですが。。。

CSS3だからでしょうか。
ソースをみるとCSS3っぽかったです。何とかIE8でも完璧に表示させる方法はありませんでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1

回答者： ORUKA1951
回答日時：2013/03/15 19:37

私は、別にCSS3を使えなくてもそれなりに利用できるようにしていますから、使用していませんが、

　⇒CSS3 IE8 - Google 検索( https://www.google.co.jp/#hl=ja&safe=off&output= … )
で検索すると、javascriptを利用した様々なものが紹介されています。

　どれがよいかは、わかりませんがgoogle配布のものがよいと聞いています。

- 0
- 件

通報する

No.2ベストアンサー

回答者： naokita
回答日時：2013/03/16 00:13

＞上記ＨＰ IE8で作動しませんか？

IEがNGですね・・・

CSS3ではシャドウだけの話です。
つまり、IE8では影が出ないだけであって、その他の表示部分はCSS3の話は無関係です！
------------------

IEの過去モードではレンダリングが隠れるから、
第一製作者が、二次制作者の環境を指定できないと想定できるので、
あえて、JS側でIEのツールチップを:noneにしていると思われます。

ちょっと見た限りでは、２つの修正方法が見つかりました。
まずは、その前提としては標準モードの話ですが、
（　<!DOCTYPE html>　これは二次制作者環境のDTDですので、二次制作者である貴方が設定する事）

１つ目：
JSのIE用の行を削除する。

if(navigator.userAgent.indexOf('MSIE') == -1)

２つ目：
CSSでelement.styleを強制的にinlineにする。

div.cal_wrapper table.cal tr td div:hover span{display:inline !important; border-color:blue; color:red;}
/* 上記をCSSに追加　確認のため色は変更済み */

どちらの方法でもIEでも表示されましたよ。　あ、３つ目：上記２をIEハックしても良いかな。