簡體   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