我在哪裏可以找到跨瀏覽器，CSS修飾符？

對於一些CSS樣式屬性，我們需要所有這些不同類型的方法，技巧和黑客來使事情跨瀏覽器工作。我從來不想成爲IE的專家，並使其工作，不......我想專注於設計美觀，實用和用戶友好的Web應用程序，而不會懷疑該圓角是否會在瀏覽器x和y 。我在哪裏可以找到跨瀏覽器，CSS修飾符？

CSS3甚至CSS在像IE7這樣的瀏覽器中都不起作用（我不關心IE6），而且人們不得不花很多時間在不同的瀏覽器上工作，一個網站的概念和實際目標消失了。

是否有一種解決方案讓CSS/CSS3與不支持它的瀏覽器兼容。也許是一個JavaScript庫？

這將是不錯的能夠改變透明度是這樣的：

.style { opacity: 0.5; }

，而不是像這樣：

.style { 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
    filter: alpha(opacity=70); 
    opacity: 0.7; 
}

...類似Prefix Free目前不支持IE

那麼有沒有JavaScript庫可以根據特定瀏覽器的需要動態擴展CSS，並且還支持CSS3和CSS3的未來驗證？

來源

2011-10-14 josef.van.niekerk

這種方法的問題是，你會得到[FOUC（無格式內容的閃光）]（http://en.wikipedia.org/wiki/Flash_of_unstyled_content）的兩個階段。首先當你通過JS（用於解析）異步加載CSS時，然後再在IE中加載opactity。由JS應用。是否這是一個可接受的妥協將是你的電話...... – WickyNilliams

一個想法可能是調查LESS framework。這是一個面向對象的CSS方法。所以設置不透明度，你會這樣做：

.opacity (@opacity) { 
    opacity: @opacity; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha([email protected]*100)"; 
    filter: alpha([email protected]*100); 
}

然後使用它，你只需要「調用它」就像一個函數。