我試圖讓我的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