我试图让我的IE div的行为与其他浏览器相同。我有这个CSS:可以在IE中设计一个带css3阴影+渐变+圆角的div吗?
#featured .Reasons{
height:auto;
margin-top:40px;
padding:35px;
display:block;
background-image: linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
background-image: -o-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
background-image: -moz-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
background-image: -webkit-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
background-image: -ms-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
background-image: -webkit-gradient(
linear,
left bottom,
right top,
color-stop(0.15, rgb(255,255,255)),
color-stop(0.48, rgb(245,243,233)),
color-stop(0.79, rgb(255,255,255))
);
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
它工作正常,但每个浏览器,但IE浏览器。我知道IE在设计方面有点特别(嗯,让我们说烦人),但是我该如何解决这个问题? 你可以在这里看到:stringtheori.es 谢谢:)
是的,但IE不应该明白,CSS 3? – 2012-08-07 21:24:13
IE浏览器支持较新的语言的速度很慢,所以有时我们需要使用像css3Pie这样的工具来操纵浏览器,以便它能够按照您的需要进行操作。让IE浏览器了解渐变的唯一方法是使用javascript或@Kolyunya和我建议的工具。 – Jmh2013 2012-08-07 22:16:44
事情是我把PIE.htc放到网站的任何地方,我不能让它工作,我有正确的道路,我可以用检查元素在铬中看到它。但在IE浏览器上,什么都没有发生......我已经上传了该网站,如果你想要,你可以自己检查一下:) – 2012-08-07 22:25:51