仅使用CSS是否可以实现插入图片并添加跳转链接的功能？

核心原因 #

CSS仅负责DOM元素的样式渲染，不具备创建DOM节点、绑定交互事件的能力：

• 你可以通过伪元素生成固定在左下角的logo样式，示例代码如下：

/* 固定在左下角的logo伪元素 */
body::after {
  content: "";
  position: fixed;
  left: 12px;
  bottom: 12px;
  width: 36px;
  height: 36px;
  /* 替换为你的logo资源地址 */
  background: url(你的logo资源地址) center / contain no-repeat;
  z-index: 99999;
  pointer-events: auto;
}

• 上述生成的元素本质是CSS伪元素，不属于真实DOM树，无法添加<a>标签的href属性实现点击跳转，也不能直接绑定点击跳转事件。

可选替代方案 #

如果允许搭配极少量JS逻辑，可以实现完整功能：

• 用JS动态插入带跳转链接的<a>标签，再通过CSS给这个标签加logo样式
• 给页面绑定全局点击事件，判断点击位置落在伪元素区域时触发跳转，不过这种方案很容易被使用者的其他代码覆盖

另外要注意：只要是前端侧实现的标识，使用者都可以通过覆写CSS、删除引入的JS/样式代码等方式移除，不存在完全无法被删除的署名方案。

内容的提问来源于stack exchange，提问作者user17609269