css3 IE 6問題

我在Firefox中執行foll代碼它工作正常我基本上使用CSS3創建圓角邊框。css3 IE 6問題

請告訴什麼樣的變化我需要得到相同的輸出在IE6

下面是代碼

<html> 
<head> 
<style type="text/css"> 
background-color: #ccc; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; border: 1px solid #000; 
padding: 10px; 
</style> 
</head> 
<body> 
<div style=" background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000; padding: 10px;" > 
This is a new feature in CSS 3 </div> 
</body> 
</html>

感謝

來源

2009-12-29 Josh

IE不支持CSS中的圓角。你可以使用一個JS庫，如this在IE中執行它們。

來源

2009-12-29 21:25:02 Annie

IE6不通過CSS直接支持圓角。如果您需要IE支持，您將需要用圖像「僞造」。

來源

2009-12-29 21:24:59

對於瀏覽器不支持JavaScript或禁用JavaScript的訪問者來說，這是一個不錯的選擇。 +1 – 2010-08-24 09:48:45

這個問題很快就被解釋了：IE 6不會講CSS3，也不會有任何特定於瀏覽器的僞屬性。你將不得不解決使用圖像僞造它的一個可用的圓角解決方案。

來源

2009-12-29 21:25:42

至於爲此使用JS庫。退房Jquery UI

來源

2009-12-29 21:26:43

有幾種方法，但沒有一個像CSS3一樣容易。請注意，CSS3不支持多種瀏覽器，包括IE7和IE8。

我的建議是;要麼忘掉IE中的圓角（讓這些CSS3效果具有功能設計並不重要），要麼爲每個瀏覽器使用相同的方法。另請注意，IE6在PNG方面存在問題，請使用透明的GIF。

一個古老的方法是使用表格，您可以使用Photoshop的Slice工具和「保存爲網頁」相當簡單地完成此操作。但表格已過時用於佈局。

Javascrip庫是一種很好的方法。

來源

2009-12-29 21:29:22

我會避免使用庫或腳本來創建圓角，這就是所謂的優雅退化，並且完全可以接受IE6沒有圓角。

只要你的佈局沒有在IE6中突破，網站看起來不錯，像圓角這樣的東西不值得流汗。

您還會發現CSS圓角在IE7或IE8中也不起作用。

來源

2009-12-29 21:32:49

您應該嘗試http://code.google.com/p/curved-corner/來彎曲IE6 +中的拐角。在IE9中，CSS3聲明將起作用。這裏有一些例子，如何使用htc文件來彎曲角落http://starikovs.com/2010/08/24/css3-rounded-corners/。

來源

2010-08-24 09:46:30 starikovs

我知道這是不是一個當前線程的任何更長的時間，但我認爲這可能是有益的人在未來一個類似的問題...

如果你正在尋找一種方式來將CSS3支持帶到IE 6-8，我強烈推薦使用名爲CSS3 PIE（http://css3pie.com/）的解決方案。這是我找到的圓角（邊框半徑）的最佳解決方案，並且可以與其他人一起工作併發揮出色。它將允許您使用大多數CSS3屬性，並且還支持透明PNG。我已經在兩個生產網站上使用了它，沒有任何問題，而且我也沒有預料到它們因爲已經活了一個多月而沒有任何問題。

下面是我創建演示示例頁面：http://nunyabiz.freeiz.com/css3pie_test2.html

來源

2011-06-18 01:07:41 Realto619

您可以使用.HTC（如：css3.htc）爲IE6 CSS3黑客文件，這迫使在IE6的CSS3功能的替代選項。只需包含它就像 border-radius：3px; behavior：url（css3.htc）; 您只需下載此文件並將其包含在靜態代碼庫中即可。 但是，使用.htc是一種不好的方法，因爲它會降低頁面性能並導致與其他功能衝突。

來源

2012-07-01 07:08:33

回答

相關問題