-1

現在、このようなボタンがあります

<input type="submit" id="button" name="submit" value="Generate Report" />

次のように指定した送信ボタンに画像を使用する必要があります

<input type="image" id="continue" style="float:right;"  src="<?php echo base_url();?>images/Generatereports_btn.png" onmouseover="this.src='<?php echo base_url();?>images/Generatereports_high.png'" onmouseout="this.src='<?php echo base_url();?>images/Generatereports_btn.png'"/>

画像画像が表示されているが、送信ボタンとして機能していないので、タイプを指定している場合。そして、送信画像としてタイプを指定している場合、何が間違っているのかが表示されません

もう1つ、別のボタンを

<span class="button" style="margin-left:525px;padding-top:8px;" ><a style="color: #FFFFFF;" href="add_user?height=500&width=650&modal=false" 
                            class="thickbox">Add User</a></span>

上記のように画像を使用している場合、ページはモーダルとして表示されず、新しいページとして表示されます。

誰か助けてくださいありがとう。

4

3 に答える 3

0

送信ボタンの背景として画像を指定できます

input[type=submit] {
    background-image: url('https://www.gravatar.com/avatar/c2d133677c207759e83d86e9fca4996a?s=32&d=identicon&r=PG&f=1');
}

このフィドルをチェックしてください

アップデート:

input[type=submit] {
    background-image: url('https://www.gravatar.com/avatar/c2d133677c207759e83d86e9fca4996a?s=32&d=identicon&r=PG&f=1');
}
input[type=submit]:hover {
    background-image: url('https://www.gravatar.com/avatar/fdae182b503055896b55c8c567e670a3?s=32&d=identicon&r=PG');
}

あなたが尋ねたのはhovering

このJSFiddle2を確認してください

于 2013-10-04T11:24:50.197 に答える
0

こんにちは、これを試してみてください。

   <input type="submit" id="button" name="submit" value="Generate Report" style="background:url(abc/in.jpg)repeat; />
于 2013-10-04T11:27:05.797 に答える
0

これを試して

<input type="submit" value="" class="submit_style" />

このCSSを追加

.submit_style { 
    background-image: url(http://your_image_path.jpg);
    background-position:  0px 0px;
    background-repeat: no-repeat;
    width: 186px;
    height: 53px;
    border: 0px;

}
于 2013-10-04T11:28:35.703 に答える