利用專門針對瀏覽器和瀏覽器版本的ASP.NET主題

我的團隊正在開發一個ASP.NET Web應用程序，並且我們試圖在瀏覽器類型和版本上爲幾個主要瀏覽器（IE ，Chrome，Firefox）。我們還希望允許主題化，以便用戶可以選擇顏色，字體大小等。但是，由於當前存在一些CSS3規則，我遇到了與IE 8和9兼容的嚴重問題。特別是，在此div使用的陰影漸變的是造成麻煩，因爲它們不是在IE 8或9的支持：利用專門針對瀏覽器和瀏覽器版本的ASP.NET主題

#logos 
{ 
    width:1024px; 
    height:100px; 
    border-radius:15px; 
    color: -moz-linear-gradient(bottom, #297381, #FFFFFF); 
    color: -ms-linear-gradient(bottom, #297381, #FFFFFF); 
    color: -webkit-linear-gradient(bottom, #297381,#FFFFFF); 
    background:-moz-linear-gradient(bottom, #297381,#FFFFFF); 
    background:-ms-linear-gradient(bottom, #297381,#FFFFFF); 
    background:-webkit-linear-gradient(bottom, #297381,#FFFFFF); 

}

我相信（糾正我，如果我錯了），我可以實現在IE9梯度添加這些規則：

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#297381', EndColorStr='#FFFFFF')"; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#297381’, EndColorStr='#FFFFFF');

但我不認爲這是在IE8任何相應的選項，我不相信它支持border-radius無論是。我希望只有一個單獨的主題或規則，利用靜態圖像爲背景div。有沒有什麼辦法可以在CSS中檢測瀏覽器版本並應用正確的規則或主題？或者這是否必須在後面的代碼中完成，並據此設置相應的主題？

來源

2012-12-11 Christian

嘗試CSS PIE - http://css3pie.com/。這是一個通過.htc文件中的行爲在IE6-8中啓用CSS3功能的庫。

來源

2012-12-11 17:04:09 KatieK

我決定以編程方式檢測瀏覽器版本與c＃並相應地應用特定主題，但刪除大部分CSS 3特定規則。儘管我在其他地方看到過你的建議，但如果我允許的話，我可能已經走了。 – Christian

利用專門針對瀏覽器和瀏覽器版本的ASP.NET主題

回答

相關問題