我有一个在页面上显示徽标的图像控件。 图像为 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;">
图像 URL 在代码隐藏中设置。
您的类定义缺少一个点。还可以尝试添加!important
属性:
.logoImage {
width: 500px !important;
height: 500px !important;
}
但是,请尝试找出该height:19px;width:20px
的来源(可能来自mainContentPlaceHolder
大小或代码内分配)。