在 ASP、C# 和 CSS 中更改图像大小

Posted 2023-03-06

【中文标题】在 ASP、C# 和 CSS 中更改图像大小

【英文标题】：Change image size in ASP, C# and CSS

【发布时间】：2013-05-04 09:06:24

【问题描述】：

为什么当我将鼠标放在图像上时它的大小没有改变？

我在 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; 

我只想在鼠标在图像上方时更改图像大小。

谢谢。

【问题讨论】：

几个强制性问题只是为了排除问题（因为您的代码看起来不错）：您能在页面加载时看到图像吗？您确定您的 CSS 已加载且未在任何地方覆盖吗？如果是在线的，能给个链接吗？

我创建了一个小提琴，你可以检查一下。它使用与您相同的代码，因此问题不存在。你应该检查我给你的其他建议。这是小提琴：jsfiddle.net/Kennethtruyers/Lr4kj

你能发布渲染 html 的代码吗？

【参考方案1】：

我要进行的第一个调试步骤是确认您应用的任何 css 样式都可以正常工作。所以给 .ImgDetail 一个 1px 边框红色什么的。如果您在页面加载时没有看到它，则表示您的 CSS 文件未包含在内，这是一个常见错误。

【讨论】：

感谢 Richthofen，我更改了这一行：'' 我可以看到图片要移动但不改变其大小。可能是因为它在桌子里面？我会继续调试的。

Pabinator，你试过我的建议了吗？如果您在 CSS 文件中为 ImgDetail 类分配红色边框，图像是否显示红色边框？

【参考方案2】：

感谢@Richthofen 的想法解决了这个问题。

我在调试期间检查了本地 CSS 文件 (http://localhost:4290/Styles/Site.css)，它没有我的更改。

当我启动它的调试器 (F5) 时，Visual Studio 2010 不会更新 CSS 文件。但是，如果我发布网页，它会更新 CSS 文件。

这些是 Visual Studio 2010 上 CSS 文件的属性：

构建操作：内容

复制到输出目录：始终复制

关闭和打开 VS 2010 并没有解决它。我必须重新启动我的电脑才能让 CSS 文件在调试时进行更改。除非有人知道如何解决此问题，否则每次需要调试 CSS 文件时我都必须重新启动 PC。

谢谢。

【讨论】：

@Richthofen 我在这里找到了解决此问题的方法：***.com/questions/6510617/… 我必须在 IE 浏览器上执行 Cntrl + F5 才能进行 CSS 更改。谢谢