c# - ASP、C#、および CSS で画像サイズを変更する

Question

画像の上にマウスを置いてもサイズが変わらないのはなぜですか?

私はこれをASP Webページに持っています：

<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; 
}

マウスが画像の上にあるときに画像のサイズを変更したいだけです。

ありがとうございました。

score 0 · Accepted Answer

最初のデバッグ手順は、適用しているすべての css スタイルが機能していることを確認することです。したがって、.ImgDetail に 1px の境界線を赤か何かで指定します。ページの読み込み時に表示されない場合は、CSS ファイルが含まれていないことを意味します。これはよくある間違いです。

2 に答える 2