0

誰かが私がこれを見てみるのを手伝ってもらえますか、私はここでこの同様の質問を見つけました

しかし、それがどのように機能し、ポリフィルが何をするのか理解していません。

これが私のウェブサイトへのリンクです：

http://mojogobbles.com.sg/cosplay-menu/

これがdivクラスとhtml/phpのcssコーディングです

CSS

#f1{
 width: 100px;
 height: 50px;
 left: 370px;
 top: 450px;
 background:black;
 position: absolute;
 opacity:0;
 filter: alpha(opacity=0);
 float: left;
 -webkit-transition: 1s all;
 -moz-transition: 1s all;
 transition: 1s all;
 }
#f1:hover {
 background:url(images/flavours/f1.jpg);
 width: 320px;
 height: 320px;
 opacity:100;
 filter: alpha(opacity=100);
 float: left;
 position: absolute;
 }

HTML / PHP

<div id="f1"></div>

divクラスがIEに表示されません。助けてください！

よろしくお願いします！

4

3 に答える 3

1

これを変える：

filter: alpha(opacity=1);

の中へ

filter: alpha(opacity=100);

アルファフィルター内で使用した場合の不透明度の範囲は0〜100であるため、現在の設定は不透明度：0.01に等しくなります。

于 2012-09-25T08:17:24.093 に答える
0

で疑似クラス:hoverを使用しないでくださいDIV。IEはそれを完全に無視する可能性がありますA。代わりにタグを使用するか、onmouseoverandonmouseoutイベントにアタッチしてみてください。

于 2012-09-25T08:17:20.793 に答える
0

div:hoverIEでコードを使用する場合、何も起こりません。

これは、IEが<a>タグのホバー疑似のみをサポートしているためです。

リンクをブロック要素として表示するようにスタイルを設定するのは簡単なので、これはあなたの場合はそれほど問題ではありません。

a { display: block; width: 100px height: 50px; }
a:hover { change color etc here }

それ以外の場合、CsshoverhtcはのIEブラウザの問題を解決するのに役立ちますdiv:hover。以下のようにhtcをインポートします。

<!--[if IE]>
<style>
body { behavior:url("/csshover.htc");}
</style>
<![endif]-->

また、ブラウザ間の移行については、css3pleaseチュートリアルが役立ちます。

于 2012-09-25T08:26:31.967 に答える