在 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 并没有解决它。我必须重新启动我的电脑才能让 CSS 文件在调试时进行更改。除非有人知道如何解决此问题，否则每次需要调试 CSS 文件时我都必须重新启动 PC。

谢谢。