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 を介してボタンのテキストを作成する場合、考えられる方法の 1 つは、メインの CSS クラスで " color:"" " を背景と同じにすることです。次に :hover クラスで、次のことができます。読み取り可能/適格な別の色に変更します。または、元のフォント サイズを非常に小さいサイズに設定してから、:hover! でサイズを大きくすることもできます。

それが役に立てば幸い！

于 2013-05-21T05:10:48.153 に答える