Twitter引導：跨瀏覽器圓角和漸變？

Question

有什麼方法可以添加到Twitter Bootstrap跨瀏覽器支持圓角和css漸變（閱讀：愚蠢的IE 7 +支持）？

Answer 1

我會用CSSPIE - http://css3pie.com/

這是宏達文件，可以讓你做到這一點。

在任何CSS選擇您使用的邊界半徑，其中（例如）您包括宏達的行爲：

.rounded { 
    border: 1px solid #999; 
    -webkit-border-radius: 10px; 
     -moz-border-radius: 10px; 
      border-radius: 10px; 
    behavior: url(path/to/PIE.htc); 
} 

注：確保您的路徑是相對於根不是的CSS文件。對於.htc文件而言，它必須以這種方式運行，只有Microsoft知道某些原因。

Answer 2

您可以爲IE7創建自己的條件樣式表，您將需要爲漸變和圓角使用圖像。

但最好的辦法是說服客戶（或任何人），他們應該接受他們的網站在IE7上沒有圓角或漸變。設計人員應該意識到瀏覽器的侷限性，並向客戶提供簡要介紹。