在ASP，C＃和CSS中更改圖像大小

Question

為什么當我將鼠標放在圖像上方時不改變其大小？

我在ASP網頁上有這個：

<asp:Image ID="ProdImage" CssClass="ImgDetail" runat="server" />

Page_Load（）像這樣加載圖像的URL：

ProdImage.ImageUrl = ResolveUrl("~/Images/Products/" + lblProductID.Text + ".jpg");

CSS ImgDetail類如下所示：

.ImgDetail
{
    width: 180px;
    height: auto; 
}

.ImgDetail:hover
{
    width: 360px;
    height: auto; 
}

我只想在鼠標位於圖像上方時更改圖像大小。

謝謝。

Answer 1

我要進行的第一步調試是確認您要應用的任何CSS樣式都可以正常工作。 所以給.ImgDetail一個1px的紅色邊框。 如果您在頁面加載時沒有看到它，則表示您的CSS文件未包含在內，這是一個常見錯誤。

Answer 2

@Richthofen的想法有點解決了問題。

我在調試過程中檢查了本地CSS文件（ http://localhost:4290/Styles/Site.css ），但沒有更改。

啟動調試器（F5）時，Visual Studio 2010不會更新CSS文件。 但是，如果我發布網頁，它將更新CSS文件。

這些是Visual Studio 2010上CSS文件的屬性：

建立動作：內容

復制到輸出目錄：始終復制

關閉和打開VS 2010並沒有修復它。 我必須重新啟動PC以獲取CSS文件才能進行調試更改。 我很抱歉，每次我需要調試CSS文件時都必須重新啟動PC，除非有人知道如何解決此問題。

謝謝。