[英]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並且很好。 但請務必閱讀已知問題,以便您能夠就是否認為可以使用它做出明智的決定。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.