border-radius.htc在特定頁面上的IE8中斷開（在更簡單的演示頁面中工作）

我使用border-radius.htc在9之前的Internet Explorer版本上顯示圓角，該版本不支持border-radius CSS屬性。我遵循在鏈接頁面和其他地方使用它的語法。它可以在我製作的這個簡單的演示頁上正常工作：http://thomasash.philosofiles.com/uploads/examples/css/effects/rounded-corners/rounded-corners-ie-htc1.html border-radius.htc在特定頁面上的IE8中斷開（在更簡單的演示頁面中工作）

但是，當我將其以相同的方式添加到更復雜的頁面時 - 那麼它在IE6中工作，但在IE8中中斷。更具體地說，它甚至沒有顯示應用了border-radius.htc的div的棕褐色背景色，從而導致「中斷」。儘管圓形框部分的HTML和CSS與上面鏈接的測試頁中的相似，但據我所知。任何人都可以幫我弄清楚是什麼破壞它，以及如何解決它？

來源

2012-04-19 tog22

我無法複製它givewhatwecan.org所以我不能幫助。你扔了一噸js錯誤，至少在ie8/9 – albert 2012-04-19 13:56:42

艾伯特，謝謝，我可以幫你複製它嗎？當您訪問IE8中的http://www.givingwhatwecan.org/時，在底部右側顯示的「採取10％承諾」是否會顯示爲帶有圓形邊框的小型棕褐色框？ – tog22 2012-04-20 13:18:41

@albert - 看到我上面的回覆（對不起，我不認爲你之前會收到通知，因爲我沒有使用@符號） – tog22 2012-05-04 13:29:26

如果您正在使用.htc文件在CSS中調用它，請記住它必須與頁面相關。例如：

網站的根：的index.html 風格/ style.css中風格/ border-radius.htc

CSS：

div { 
border-radius: 10px 10px 10px 10px; 
behavior: url("styles/border-radius.htc") 
}

即使有，當你取平常CSS一個.htc文件的背景圖像的URL等，它必須與文檔相關（見上文）。

還記得你可能不得不通過邊界半徑來使用CSS的速記。

還要確保您使用的服務器支持.htc MIME-TYPE。

我也推薦檢查CSS3PIE它有一個更好的文檔/常見問題和社區來幫助你。

http://css3pie.com/

謝謝你，我希望幫助！

來源

2012-04-19 13:46:24

「記住它必須是相對於頁面」 - 我這樣做，如果你看我的CSS與Firebug或類似的，你會看到'.rounded-box {/ * SNIP */behavior：url（'/ style/border-radius.htc'）;}'。「你可能不得不通過邊界半徑使用速記CSS」 - 不確定你的意思，巴士，因爲我說你可以檢查我的CSS。「確保你使用的服務器支持.htc MIME-TYPE」 - 我假設它，因爲.htc在IE6中工作。「我還會推薦檢查CSS3PIE」 - 謝謝，我可能會這樣做，但是如果可以的話，我想讓border-radius.htc工作。 – tog22 2012-04-20 13:29:50

對此亞倫有更多評論？你能弄清楚爲什麼它不能正常工作，因爲我已經完成了你所建議的一切。 – tog22 2012-05-04 13:29:59

border-radius.htc在特定頁面上的IE8中斷開（在更簡單的演示頁面中工作）

回答

相關問題