如何使可点击的图像在HTML中浮动？
提问于 2016-12-25 09:33:19
我想在我的网页上插入一些“浮动”的图片.即使我滚动我的页面。
所以使用下面的代码，我可以使一个对象在我的网站上浮动.但是，我如何使图像浮动，它的作用也像一个超链接？
<div style="position: fixed; bottom: 10px; left: 0px"> </div>
<a href="www.google.com"> <img src="pic.jpg" height: 32px; width:32px;> </img> </a>但我该如何将两者合并呢？
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-12-25 09:44:57
正如特里在评论中所说，您可以将代码向上移动到div中。因为链接将内德某物有一个位置设置。你的div就是这种情况。
另外，<img>标记是一个自结束标记。这样就不需要</img>了。另外，如果直接在height标记上编写<img>和或width，则必须是
<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>
Stack Overflow用户
发布于 2016-12-25 09:42:47
这就是您所需要的，将锚标记保存在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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41323186
复制
![用Vue.js在浏览器中裁剪图像[每日前端夜话0x86]](https://ask.qcloudimg.com/http-save/yehe-1120945/8nshrnc9qi.jpeg)
腾讯云开发者
