Question

我想在我的网站上插入一些图片＆＃34; float＆＃34;在页面中...即使我滚动页面。

所以使用下面的代码我可以让一个对象浮动在我的网站上...但是如何使一个图像浮动，它也像一个超链接？

<div style="position: fixed; bottom: 10px; left: 0px">  </div>
<a href="www.google.com"> <img src="pic.jpg" height: 32px; width:32px;> </img> </a>

但我如何将它们合并？

Answer 1

这是你需要将div标记保留在div中。并且在指定图像的高度和宽度时，您应该使用width="25px"之类的引号或使用css样式。

<div style="position: fixed; bottom: 10px; left: 0px"> 
    <a href="http://www.google.com"> <img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-image-128.png" style="width:25px;height:25px;"/> </a>
</div>

Answer 2

正如Terry在评论中所说，你可以在div中移动代码。因为链接将找到具有位置设置的东西。您的div就是这种情况。

此外，<img>标记是自闭标记。因此不需要</img>。此外，如果您直接在height代码上写width和/或<img>，则必须

<img src="your/src.url.jpg" width="100px" height="100px" />

而不是

<img src="your/src.url.jpg" width:100px; height:100px; />

这不起作用！

所以这是你的工作实例。

img {
  width: 32px;
  height: 32px;
}

<div style="position: fixed; bottom: 10px; left: 0px">
   <a href="www.google.com">
         <img src="http://www.planwallpaper.com/static/images/adirondacks-sun-beams-640x300.jpg" />
   </a>
</div>

如何使可点击的图像浮动在HTML中？

2 个答案: