如何转换ImageButton下方的标题

Question

我需要进行简单的过渡，因此当我需要将ImageButton悬停在CSS中时，标题过渡就位于ImageButton下方。

.ImageButton {
                opacity: .6;
                transition: opacity .6s ease-out;
                -moz-transition: opacity .6s ease-out;
                -webkit-transition: opacity .5s ease-out;
                -o-transition: opacity .6s ease-out;
        }

        .ImageButton:hover{

            opacity: 3;
        }

                   <td>
                      <h2> text</h2>
                      <asp:ImageButton ID="ImageButton3" cssclass = 
                     "ImageButton" runat="server" Height="91px" 
                      ImageUrl="~/images/cd.png" Width="93px" />
                  </td>

Answer 1

将文本放在其下方。我是一个初学者，所以不一定要相信我。