0

誰かこれを見てくれませんか？

ここに私のウェブサイトへのリンクがあります：

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

これは、div クラスと html の 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

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

ホバーは IE では機能しません。よろしくお願いします！

4

2 に答える 2

1

IEのどのバージョンに応じて...<7は、意図したアンカー要素以外の要素で:hover疑似クラスをサポートしていないと思いますa。

編集、これもIE7に役立つかもしれません：

CSS の :hover 疑似クラスが IE7 で機能しない

于 2012-09-25T10:06:38.643 に答える
1

ページの上部にHTML 4.01 Strict DOCTYPEを追加 して、IE で動作するようにしてください。

これはIE>=7の場合です

于 2012-09-25T10:10:39.933 に答える