在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，除非有人知道如何解决此问题。

谢谢。