我只想让图像在整个网站的屏幕左下角浮动。
图像大约为 200x200 像素,并链接到网站的另一部分。
对此有一个非常简单的解决方案。由于您想浮动图像并将其链接到其他部分,您需要将 img 放在锚标签中。
例如
<a href="link-of-the-site"><img src="image-source-link" height="200" width="200"></a>
css
a{
position:fixed;
bottom:0;
left:0;
z-index:111111;
}
"position:fixed" 将修复 a 元素,但您需要告诉它应该在哪里修复。为此,我们有底部:0;左:0;即,固定在页面的左下角。z-index 对于此元素非常重要,因为它将与页面上的许多其他元素重叠。具有较高 z-index 的那个将具有更好的可见性。
我希望这能解决你的问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句