图像控制小于图像尺寸

时间:2016-02-02 14:42:00

标签: c# css asp.net

我有一个在页面上显示徽标的图像控件。图像为500 x 500像素,但当屏幕上显示此图像时,控件会将其缩小至19x20。我无法弄清楚如何覆盖设置这个较小尺寸的任何CSS,或者如何通常使其变大。如果我使用谷歌浏览器,检查然后编辑属性,我可以看到它应该没问题,我只是不能让它正常运行。

以下是我网站上的一些代码段:

ASPX:

<asp:Image ID="imgLogo" runat="server" Height="500" Width="500" CssClass="logoImage" ImageAlign="Middle" />  <p></p>

我使用的CSS是:

logoImage {
   width: 500px;
   height: 500px;
}

生成的标记是:

<img id="mainContentPlaceHolder_imgLogo" class="logoImage" skindid="btnCSV" src="../App_Themes/Main/images/logo.gif" align="middle" style="height:19px;width:20px;">

图片网址在后面的代码中设置。

1 个答案:

答案 0 :(得分:0)

您的班级定义缺少一个点。另请尝试添加!important属性:

.logoImage {
   width: 500px !important;
   height: 500px !important;
}

但请尝试找出height:19px;width:20px来自哪里(可能来自mainContentPlaceHolder大小或来自代码内分配)。