Question

我在html中使用CSS作为div标签。如下所示。

.sqmenu{ width:120px;
display:inline-block;
 height:80px;
 border-radius:10px;
 margin:15px 0 0px 45px;
 box-shadow:#333 2px 2px 20px;
-webkit-transform:scale(1);
transform:scale(1);
color:#093; 
-webkit-transition: ease-in-out 0.6s;
-moz-transition: ease-in-out 0.6s;
-o-transition: ease-in-out 0.6s;
-ms-transition: ease-in-out 0.6s;
transition: ease-in-out 0.6s;}

.sqmenu:hover{-webkit-transform:scale(1.2);

transform:scale(1.2);
color:#F63; 
-webkit-transition: ease-in-out 0.6s;
-moz-transition: ease-in-out 0.6s;
-o-transition: ease-in-out 0.6s;
-ms-transition: ease-in-out 0.6s;
transition: ease-in-out 0.6s;
}

这两行用于此行：

<div class="nev_menu">

        <div class="sqmenu" style="background-color:#aa68aa;">
        <a href="ourdelight.html"><div style="text-align:center; margin-top:10px;"><img src="images/Activities60.png" class="linkimg" /></div></a>
        <div style="text-align:center;font-family:Verdana, Geneva, sans-serif;
 font-size:16px; margin-top:30px;text-decoration:none;">Our Delight</div>
</div>
</div>

这款div完全适用于Chrome和FF＆amp; IE10但不在IE8中运行。问题是悬停，框阴影效果不适用。

Answer 1

ie8中不支持几种css属性，包括box-shadow。 ie的悬停属性仅在链接具有关联的href时有效。我过去用来帮助ie8与较新的css3兼容的一个选项是PIE - http://css3pie.com/。它实现起来相当容易，并允许您使用较新的css3属性，如box-shadow。

Answer 2

CSS3转换在IE10之前为not supported。

Answer 3

对于ie9你忘了：-ms -

transform:scale(1.2);
-ms-transform:scale(1.2);

但ie9不支持“过渡”。对于旧版本，你需要使用过滤器来进行转换属性。看这个链接： link

CSS类不适用于IE8？

3 个答案: