试图在网站上添加一个有粘性的退伍军人拥有的企业徽章

Question

我做了一些研究，我似乎只能找到我不想添加的侧边栏和按钮。我有一个要添加的徽章 ID 的 png，我希望它粘在右下角或屏幕上。任何帮助将非常感激！提前致谢。

Answer 1

最简单的方法就是对徽章图像使用 position: fixed。它会将图像移出流并将其固定在视口内。使用bottom + right-proeprty 右下角对齐：

.badge {
  position: fixed;
  bottom: 10px;
  right: 10px;
}

/* for demonstration purpose only */
body {
  margin: 0;
  min-height: 500vh;
  background: linear-gradient(to bottom, red, yellow, blue);
}

<img class="badge" src="https://via.placeholder.com/50.jpg">