1.找到静态页面HTML,找到位置,怎么找到位置,可以右击页面检查,然后通过指针来确定层级关系

2.确定好位置以后,先把你想要的的图片放在img文件夹里,就是你项目中存放图片的地方,然后开始在你确定的位置那写代码如下:

  <a href="#"><img class="s-problem" src="img/problem.png"/></a>

3.在CSS中给图片添加样式

.s-problem{    position: fixed;    z-index: 2;    pointer-events: all;    width: 3.5rem;    top: 12rem;    right: 0;}
4.你可以添加自己的图片样式

转载于:https://www.cnblogs.com/zhangwq103/p/11529140.html

js中怎么添加图片以及在图片上添加链接相关推荐

  1. Vue由本地js中存放的url地址获取图片

    Vue由本地js中存放的url地址获取图片 对象必须放在js中(而不是json里面,json没有require).如果是在json中,需要采用其他方式去获取 注意:url地址必须用这种形式,有requ ...

  2. c#图像处理、图片拼接、图片裁剪、图片缩放、图上添加形状、屏幕截图、图片反色、改变图片色彩度全解

    全栈工程师开发手册 (作者:栾鹏) c#教程全解 using System; using System.Collections.Generic; using System.ComponentModel ...

  3. wireshark插件 - 添加UI子树, 向子树上添加分析后的文本

    前言 要想用wireshark 插件做一个最简单的协议分析(不挎包),除了分析协议数据(纯C, 和wireshark无关),还要将分析的结果显示在wireshark树区和数据区, 只要能在树区添加子树 ...

  4. 4.关于QT中的QFile文件操作,QBuffer,Label上添加QPixmap,QByteArray和QString之间的区别,QTextStream和QDataStream的区别,QT内存映射(

     新建项目13IO 13IO.pro HEADERS += \ MyWidget.h SOURCES += \ MyWidget.cpp QT += gui widgets network CON ...

  5. 计算机桌面怎么能添加文字,怎么在桌面上添加文字便签

    原标题:怎么在桌面上添加文字便签 电脑上办公用的软件有很多,仅仅是一个办公记事的类别,就有很多种不同款式的办公小工具,办公记事用的软件,大致可以分为笔记类和便签类,当需要用电脑办公软件记录事情备忘时, ...

  6. html编辑器怎么添加视频教程,怎样在网站上添加视频?-米拓建站帮助中心

    # 怎样在网站上添加视频? ### 一.哪些地方可以添加在线视频? 只要有编辑器的地方就可以进行添加,如:产品详细页面,文章详细页面,首页简介模块,案例详细页面等. ### 二.什么是编辑器?在后台哪 ...

  7. JS中通过指定大小来压缩图片

    前不久王二写了一个图片处理库,可以指定图片质量压缩图片,调用的是javaScript的原生方法 toDataURL 和 toBlob,库里有如下这些方法: 但是通过质量压缩图片有一些不足之处:无法确定 ...

  8. android动态图片做背景,在Android上添加动态内容后,背景图片变为纯色

    我的目标是在网站内容后拥有完整的背景图片.我正在使用以下CSS实现此目的: body { background: url(../img/bg.jpg) no-repeat center center ...

  9. unity 在图片的指定位置上添加按钮_Unity-利用免费资源快捷实现第三人称角色控制...

    by 临界荷 本例目标:学习使用unity商店免费资源中的模型和代码,轻松快捷实现第三人称视角玩家多种行为的设定.举一反三,可方便灵活地添加到自己的3D模型(绑定了骨骼和动作的人物模型,不支持动物模型 ...

  10. Leaflet中使用Leaflet.contextmenu插件实现地图上添加鼠标右键菜单

    场景 Leaflet快速入门与加载OSM显示地图: Leaflet快速入门与加载OSM显示地图_BADAO_LIUMANG_QIZHI的博客-CSDN博客 在上面的基础上,怎样使用Leaflet.co ...

最新文章

  1. oracle对查询结果求和_某国企Oracle数据库误truncate table恢复案例
  2. ubuntu完全卸载apache2
  3. 【半原创】将js和css文件装入localStorage加速程序执行
  4. Error: because it is being used by another process
  5. php修改密码功能md5,php – 更改密码哈希类型的最有效方法(md5到sha1)
  6. vs2010等宽字体设置
  7. android recyclerview 滚动监听,Android RecyclerView(九)滑动监听综述
  8. 管理Linux软件包和进程
  9. Hash表素数大集合
  10. ceshi wenz
  11. pt和px的区别和相互转换关系
  12. sql server 常用工具
  13. Deep Inductive Logic Reasoning深度感应逻辑推理模型 论文笔记
  14. VB界面一点美化技巧
  15. [PYTHON]Scons工具简介
  16. npm 包管理及 registry 或 proxy 配置
  17. 下级对上级回复已阅知_阅示、阅知、阅悉之间有什么区别
  18. oh-my-zsh国内镜像安装和更新方法
  19. 使用python解决数独问题
  20. GCP: IAM的使用

热门文章

  1. 安卓 使用listView,实现长按删除
  2. 将endnote中数据信息导出为excel方法
  3. 用Natapp(ngrok)进行微信本地开发调试
  4. 【CANN训练营】CANN:AICPU算子开发
  5. python画熊猫代码_Python int太大而无法转换为C long-绘制熊猫日...
  6. 批量修改Word表格的宽度
  7. 《达芬奇的人生密码》观后感
  8. android 原生混编 flutter 并使用 flutter_boost进行跳转的步骤以及注意事项
  9. 计算机科学两大难题,缓存失效和命名是计算机科学两大难题,命名也是一种艺术...
  10. 德国SycoTec主轴电机在提升传统CNC数控机床高速精密加工中的应用