2010-08-13 128 views
2

有一些眼睛糖果實驗性CSS像邊界半徑(圓角)和漸變,我希望在我的網頁上使用。不幸的是,Internet Explorer目前還不支持。至少邊界半徑在IE9上出現,在漸變上沒有字。IE的實驗性CSS:黑客攻擊還是不黑客攻擊?

所以,你會建議只留下單獨的IE(我的大多數用戶會在FF或Chrome反正)或使用圖片來「修復」爲IE設計的演示?它甚至值得嗎?因爲我知道這不僅僅是背後的痛苦,而且可能會打破其他瀏覽器的風格。

那麼,要破解還是不要破解?

回答

1

,如果你不想要的圖像,IE黑客或一個單獨的樣式表,你總是可以檢查出CSS3Pie:http://css3pie.com/。這並不完美,特別是當你想要一些漸變色,但它可以很容易地處理圓角。有類似的IE行爲,但我認爲這是目前最活躍的發展。

+0

這是非常有用的,謝謝! – Aillyn 2010-08-13 13:59:41

2

雖然這個問題有點主觀,但我的答案不會被破解。 CSS3被設計爲向後兼容,這意味着如果瀏覽器不支持它,它將會優雅地退化。這對我來說是應該的。我的意思是,爲什麼要使用CSS3,如果你仍然打算破解它呢?在這種情況下,只需使用像JavaScript的圓角或圖像的簡單的舊CSS2技巧,所以你不必本身破解。

0

有黑客,然後有黑客。我將「黑客」解釋爲利用瀏覽器中的缺陷,如IE中的後代選擇器黑客(使用>)。瀏覽器更新時,這些類型的內容會中斷。

我不認爲使用圖像創建漂亮的陰影或漸變是黑客。它可能無法滿足你在做任何事情上的要求,並且你可能會對使用圖像來應用不需要圖像的東西感到不安,但現實是沒有選擇 - 沒有辦法做任何事情乾淨的,無圖像的方式 - 如果你想在大多數人的瀏覽器上使用相當的漸變和陰影(Internet Explorer佔了多數)。

如果考慮圓角邊框或漸變到只是可選的養眼然後通過各種手段不用擔心IE瀏覽器。但是,如果你認爲它確實使你的設計看起來不錯,並且你不希望大多數用戶錯過了,那就去做吧。

*根據您的受衆羣體的不同,IE可能會或可能不會佔據您的大部分觀衆。

0

這確實取決於這些功能是多麼的重要的部位,或者更確切地說,是多麼重要的客戶和設計團隊感到他們的外觀和感覺。另外它的這一點是多少會膨脹你的標記和CSS - 即。取決於在設計環境中如何構建效果會造成多大的麻煩?

通常在這種情況下,我贊成逐步增加,即。拿出一些合適的東西,但它不需要是複合藝術的一對一。雖然如此,這是一個開發人員可能真正有能力獨立完成的決定(除非你也是設計師)。

2

術語狡辯:在IE中使用圖像模仿CSS3功能並不是真正的黑客行爲。任何不直接受CSS支持的視覺效果都需要在圖像中實現。

但是,爲了回答你的問題,這取決於:

  • 如果觀衆足夠少使用IE瀏覽器,那麼你可以忽略它。根據您/網站的所有者來確定少數人數是否足夠。

  • 如果不是:

    • 如果border-radius效果不是網站的品牌的重要組成部分,那麼我建議你只是讓IE忽略它們,並使用方角。沒有人會用兩個瀏覽器同時瀏覽網頁,只要按鈕位於相同位置且一切正常,就不會有人在乎您的網站在IE 6中是否有點不同。

    • 如果他們在網站的品牌的重要組成部分,或者你的客戶堅持現場看一樣在IE 6上,那麼你已經有了實現在IE 6所以上來看,無論是:

      • 使用border-radius,並使用conditional comments包括一個樣式表IE 8和下面的代碼來模仿功能

      • border-radius麻煩 - 使用IE瀏覽器中的所有瀏覽器上運行的代碼。這樣可以避免你需要維護兩套代碼,但這意味着所有的瀏覽器都必須下載你用於IE的圖片,這樣他們的表現會稍差一些。

2

我不認爲它永遠選擇「黑客」,而不是所有在所有瀏覽器在實現它之間,和我很驚訝沒有人提到真正的生命的一個(我不會認爲它是黑客,因爲它是向後兼容性的一種非常好的方法):有條件的評論

它不僅可以幫助惱人的IE錯誤,還可以讓你定義更少的可取的,但仍然100%有效的方法來獲得某些效果的工作,如圖像漸變與repeat-y而不是CSS3漸變,或IE7和8平鋪半透明PNG。真的,如果你想,IE不應該是單一因素,這將限制你的實驗CSS3的能力。