2012-08-07 70 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