js中怎么添加图片以及在图片上添加链接

时间:2024-03-10 13:57:27

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.你可以添加自己的图片样式