2012-03-01 9 views
0

我基於我的項目設計完全在CSS3,我希望它在Internet Explorer 8中看起來不錯。我發現這種溶劑http://fetchak.com/ie-css3/。我可以看到它的工作原理,但是當我在我的網站中實現它時,它不起作用。ie-css3.htc(支持Css3)不工作[如果有人使用它可能會提示某事]

這是我做的 - 我有一個/ css /文件夾,我添加ie-css3.htc文件。比樣式表我有以下幾點:

.s { 
    width: 235px; 
    padding: 5px 10px 5px 10px; 
    background: #231914; 

    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px; 
    float: left; 

    -webkit-transition: .2s; 
    -moz-transition: .2s; 
    -o-transition: .2s; 
    -ms-transition: .2s; 
    transition: .2s; 

    -webkit-box-shadow: 0 1px 0 #000, 0 1px 3px #54463f inset; 
    -moz-box-shadow: 0 1px 0 #000, 0 1px 3px #54463f inset; 
    box-shadow: 0 1px 0 #000, 0 1px 3px #54463f inset; 

    behavior: url("ie-css3.htc"); /* This should allow rounded corners and box-shadow    
            in ie8 */ 
} 

任何人都可以提出爲什麼它不工作? 這是我的網站:http://freshbeer.lv/new/latvian/index.php 看看搜索框,它具有所有這些css3功能

+0

您是否設法使其工作?我遇到了問題,我的IE8 – 2012-03-28 05:06:13

+1

@ php-b-grader是的,但我發現更好的東西,谷歌css3派它有相同的原則,但更多的功能;) – Ilja 2012-03-28 20:28:22

+1

偉大 - 我找到了相同的解決方案,好... – 2012-04-05 04:54:05

回答

3

我不會依賴於圓角的行爲。他們比行爲能解決的任何事都複雜得多。

IE的陰影實現也存在很多問題。它需要一個過濾器,這會產生很多醜陋的副作用,例如禁用cleartype(字體平滑)。我之前做過,結果不值得。

您可能會得到某些您需要使用替代庫ie9.js然而,我再次警告您,它帶有副作用(如頁面滯後)。

在一天結束之前,版本10之前的版本(可能包括)版本10足以支持CSS3,並且沒有任何javascript會改變這一點。它很糟糕,但這是微軟準備提供的最好的。

唯一的辦法就是接近你需要的東西就是討厭的黑客和變通辦法。通常你會發現他們不值得花時間和精力。你的客戶可以堅持他們喜歡的所有事情,但事實被告知這就像堅持讓現代跑贏大衆法拉利一樣。這不會發生。

1

您現在可能已經完成了這一步,但根據ie-css頁面,behavior語句與文檔根目錄相關。如果你在你的css目錄中有它,將路徑更改爲/css/ie-css3.htc,以便它可以找到該文件。

相關問題