繁体   English   中英

是否有可能在IE中设计带有css3阴影+渐变+圆角的div?

[英]Is that possible to design a div with css3 shadow + gradient + rounded corners in IE?

我试图让我的IE div与其他浏览器的行为相同。 我有这个css:

#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谢谢:)

Internet Explorer不支持CSS3,但您可以使用一些JavaScript工具来模拟它的工作,例如

我之前使用过css3Pie并且很好。 但请务必阅读已知问题,以便您能够就是否认为可以使用它做出明智的决定。

http://css3pie.com/about/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM