html - 如何使图像成为 'jump to' 按钮?

标签 html css button hyperlink

我的页面底部有一个“向上箭头”的小图标图像。

如何使此图像成为跳转到页面顶部的可点击按钮?

我是 HTML 的新手,这是我的第一个元素,所以请多多包涵。

到目前为止我已经尝试过:

input type="button" id="btnx" style="background-image:url('arrowup.png')"

最佳答案

试试这个:将您的图像包裹在 anchor (A 标签)中,链接“#”将转到顶部

<a href="#"><img src="/some-image-folder/arrowup.png"></a>

也许你的html是这样的:

<a href="#"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>

也许您想使用输入按钮?好的:

<form>
  <input type="button" value="Click me" onclick="$(window).scrollTop(0);">
</form>

关于html - 如何使图像成为 'jump to' 按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49990106/

相关文章:

javascript - 如何从父网页运行 iFrame 的脚本?

PHP 表单处理;在服务器端获取用户友好的文本?

javascript - 在 Canvas 上生成线条无法按预期工作

css - Bower元素中如何使用bootstrap v4 scss版本

java - 倒计时期间取消按钮

javascript - 文本区域和向上翻页

html - 无法更改按钮的背景颜色

html - 如何为所有人类可读文本设置最大宽度(不适用于表格 &ct)

ios - 如何根据屏幕宽度动态设置具有不同字符串长度的多个按钮?

java - SWT按钮: setSelection(true) not working if SWT. READ_ONLY