0

我在 div 中有一个图像按钮。我正在增加悬停在 div 上的图像大小和 z-index。但是当悬停调用时,我想在图像按钮上添加一些文本。我能怎么做 ?

我的CSS:

.HoverImageClass input[type=image]:hover
{
    position: relative;
    z-index: 10000;
    height: 274px;
    width: 226px;
    margin-top: -67px;
    margin-left: -14px;
    padding-bottom: 13px;
    background-color: #F7F6EB;
}

我的html:

<div id="divImageDisplay" class="HoverImageClass" runat="server">


<asp:ImageButton runat="server" CssClass="course_img" ID="imgbtnCourse" AlternateText='<%#Eval("LevelName") %>' ToolTip='<%#Eval("LevelName") %>' ImageUrl='<%#Eval("CourseImagePath") %>' CausesValidation="False" CommandName="AddToCart" CommandArgument='<%# String.Format("{0},{1},{2},{3},{4},{5}",Eval("ID"),Eval("LevelID"),Eval("CurrencyWithValue"),Eval("CourseImagePath"),Eval("CategoryID"),Eval("MRP"))  %>'></asp:ImageButton>

</div>
4

1 回答 1

-1

好吧,如果您通过普通 HTML 在按钮上编写文本,一种可能的方法是在主 CSS 类上使“颜色:”“”与背景相同,然后在 :hover 类上,您可以将其更改为可读/符合条件的不同颜色。或者,您甚至可以将原始字体大小设置为非常小的值,然后在 :hover! 上将其增大一个大小!

希望能帮助到你!

于 2013-05-21T05:10:48.153 回答