.NET是一個流行的開發框架，而CSS是網頁設計中不可或缺的一部分。然而，有些.NET開發者可能會遇到CSS讀取不到的問題。
這種問題通常發生在使用ASP.NET Web Forms開發應用程序時。在ASP.NET Web Forms中，您可能會嘗試使用CSS來美化UI，但是當您執行應用程序時，您會發現CSS不起作用。這是為什么呢？
<!DOCTYPE html><html><head><link href="styles.css" rel="stylesheet" /></head><body><form runat="server"><asp:Button ID="Button1" runat="server" Text="Click Me" /></form></body></html>
以上代碼演示了一個簡單的HTML頁面，它鏈接到一個名為styles.css的CSS文件。當您在瀏覽器中打開此頁面時，您會發現頁面上的按鈕并沒有按照CSS樣式進行美化。
這是因為在ASP.NET Web Forms中，頁面控件的ID會因為服務器端控件而發生改變。在上面的示例中，我們可以檢查HTML渲染后的源代碼：
<!DOCTYPE html><html><head><link href="styles.css" rel="stylesheet" /></head><body><form method="post" action="WebForm1.aspx" id="form1"><div class="aspNetHidden"><input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTEzMzE5MDI1MzMkYpbaCoaztthFN4t4nZRab" /></div><div class="aspNetHidden"><input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAeOZ3q8TZFcsNxCmAQdCgNFM3/Tq8uY6tgBps7lSmjXUfV6R8T6F1KE6hbBb6nIv/mun+hxDMgtPtpdLr9XJWyv2aPdpWwGJjx1aoZLn/rU+cZ6eKO/7Lw==" /></div><div><input type="submit" name="Button1" value="Click Me" id="MainContent_Button1" /></div></form></body></html>
如您所見，按鈕的ID已經發生了改變，而不再是我們在HTML中定義的Button1。這就是造成CSS文件無法渲染控件的主要原因。
那么有沒有辦法解決這個問題呢？一種解決方法是使用<% %>代碼塊將CSS文件的相對路徑轉換為絕對路徑。
<!DOCTYPE html><html><head><link href="<%= ResolveUrl("styles.css") %>" rel="stylesheet" /></head><body><form runat="server"><asp:Button ID="Button1" runat="server" Text="Click Me" /></form></body></html>在上面的代碼中，我們使用<% %>將styles.css文件的相對路徑轉換為絕對路徑。ResolveUrl方法將根據應用程序的根目錄解析相對路徑。
總結：.NET CSS無法讀取可能是由于服務器控件ID的改變所導致的。使用<% %>將CSS文件的相對路徑轉換為絕對路徑是解決此問題的一種方法。
上一篇.css？
下一篇html5在線錄音代碼