这段代码在Chrome中就可以正常显示,在IE9下不行,IE9对CSS3的支持不好吗?
CSS:
input[type=text]:hover
{
transition: border linear .2s,box-shadow linear .5s;
-moz-transition: border linear .2s,-moz-box-shadow linear .5s;
-webkit-transition: border linear .2s,-webkit-box-shadow linear .5s;
-o-transition: border linear .2s,-webkit-box-shadow linear .5s;
outline: none;
box-shadow: 0 0 8px rgba(241,39,232,.5);
-moz-box-shadow: 0 0 8px rgba(241,39,232,.5);
-webkit-box-shadow: 0 0 8px rgba(241,39,232,3);
-o-box-shadow: 0 0 8px rgba(241,39,232,.5);
border-color: rgba(241,39,242,.75);
}
HTML:
<form id="form1" runat="server">
<div>
First name:
<input type="text" name="fname" /><br />
Last name:
<input type="text" name="lname" /><br />
<input type="submit" value="Submit" />
</div>
</form>
有几个属性,估计在IE9下不能,看看能不能找个IE下的属性替代