2012-08-07 69 views
0

我试图让我的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 谢谢:)

回答

1

我用css3Pie前,其良好。但请务必阅读已知问题,以便您可以对是否可以使用它做出正确的决定。

http://css3pie.com/about/

+0

是的,但IE不应该明白,CSS 3? – 2012-08-07 21:24:13

+0

IE浏览器支持较新的语言的速度很慢,所以有时我们需要使用像css3Pie这样的工具来操纵浏览器,以便它能够按照您的需要进行操作。让IE浏览器了解渐变的唯一方法是使用javascript或@Kolyunya和我建议的工具。 – Jmh2013 2012-08-07 22:16:44

+0

事情是我把PIE.htc放到网站的任何地方,我不能让它工作,我有正确的道路,我可以用检查元素在铬中看到它。但在IE浏览器上,什么都没有发生......我已经上传了该网站,如果你想要,你可以自己检查一下:) – 2012-08-07 22:25:51