如何使用Modernizr在IE8中使用邊界半徑工作？

我知道有很多關於在IE8中獲得圓角的文章。我的問題是，如何使用Modernizr來支持CSS3/HTML5功能？如何使用Modernizr在IE8中使用邊界半徑工作？

例如，以顯示IE8圓角，我使用的CSS-3財產

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

我已經包含Modernizr的在我的網頁，但依然沒能看到IE8圓角。

來源

2012-11-08 Abhijeet

Modernizr不啓用功能，它只是測試它們是否可用。對於CSS，它也可以去除需要使用供應商的特定屬性，如-moz-*和-webkit-*，可以方便地使用標準的屬性，而不是：

.myElement { 
    -webkit-border-radius: 20px; /* No need for this */ 
    -moz-border-radius: 20px; /* No need for this */ 
    border-radius: 20px; 
}

對於圓角IE8，我不會Modernizr的功能打擾檢測，只需使用CSS PIE即可啓用它們。

.myElement { 
    border-radius: 8px; 
    behavior: url(/PIE.htc); /* only IE will use this */ 
}

請務必閱讀the docs關於如何使其工作。

作爲一個側面說明，標準border-radius已經支持了相當一段由Mozilla和WebKit瀏覽器現在的時候，你可能要檢查，看看是否你實際上是針對那些需要這些前綴的任何瀏覽器：http://caniuse.com/#search=border-radius（點擊「查看全部版本「）

來源

2012-11-08 12:45:39

什麼是CSS PIE ...是任何跨瀏覽器css代的庫？所有瀏覽器或只有IE瀏覽器可以嗎？首先讓我知道。謝謝 – Thomas

如何使用Modernizr在IE8中使用邊界半徑工作？

回答

相關問題