简单:网站左下方的浮动图片

时间:2018-08-22 04:19:46

标签: wordpress

我只想让图像浮动在整个网站的屏幕左下方。

图片约为200x200px,并链接到网站的另一部分。

1 个答案:

答案 0 :(得分:1)

有一个非常简单的解决方案。当您要浮动图像并将其链接到其他部分时,需要将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元素,但是您需要告诉它应在何处修复。 为此,我们有bottom:0; left:0;即,固定在页面的左下方。 z-index对于此元素非常重要,因为它会与页面上的许多其他元素重叠。具有较高z-index的浏览器将具有更好的可见性。

我希望这可以解决您的问题。