如何通过css在鼠标上显示ImageButton上的文字

div中有一个图像按钮。我正在增加div上悬停的图像大小和z-index。但是我希望在悬停调用时在图像按钮上添加一些文字。我能怎么做？如何通过css在鼠标上显示ImageButton上的文字

我的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>

来源

2013-05-21 Shiba

你可以运行这段代码，查看源代码并给我们生成该图像按钮的HTML吗？我很清楚我们可以帮助你更好的真正标记。 –

-1

好吧，如果你做对通过正常的HTML按钮上的文本，一个可能的方法是到主CSS类使“color：”“”与背景相同，然后在：hover类中，可以将其更改为可读/符合条件的不同颜色。或者你甚至可以将字体大小设置为原始的小字体，然后在：hover上增加一个大小。

希望它有帮助！

来源

2013-05-21 05:10:48 muffinjello

这不是一个好主意..如果你想用CSS隐藏它，然后使用display：none并且不要只是给它一个颜色，你不知道图像是否会改变，或者它的纹理是什么，但是它会变成 –

是一个图像按钮，我怎么能保持图像按钮内的一个控件？ – Shiba

如何通过css在鼠标上显示ImageButton上的文字

回答

相关问题