Question

希望有人帮我解决这个问题。

我需要超链接一个图像，该图像将作为CSS中的背景图像。有没有办法做到这一点？

不幸的是，我无法使用jQuery，JS，Ajax，Object或任何形式的操作。脚本被100％阻止。

我可以访问HTML但是对于这个特定的图像，我需要它来自CSS并进行超链接。

有没有这样做？

感谢

丹尼

Answer 1

您可以使用CSS设置背景图片：

body {
   background-image: url("paper.gif");
   background-color: #cccccc;
}

但是，如果你需要它也是超链接的（例如，你需要能够点击它，那么从技术上讲，它不再是一个背景图像。为此，你可以尝试一些like this和然后将z-index设置为-1。

Answer 2

我需要超链接一个图像，该图像将作为背景图像 CSS。有没有办法做到这一点？

不，你无法链接CSS中的元素。

您可以创建一个标签并为其提供一个类

HTML -

<a href="/link" class="background-image"></a>

CSS -

.background-image {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url('location/of/your/img.jpg');
}

Answer 3

是的，您可以通过链接或通过链接

包装背景元素来实现

<a href="link.html"></a>


a {
   display: inline-block;
   width: 100vw;//change
   height: 100vh;//change
   background-image: url("paper.gif");
   background-color: #cccccc;
}

或表单中的input type image

 <input type="image" src="/files/2917/fxlogo.png" >

Answer 4

谢谢你的回复。

我可以尝试用上面提到的href包装空div并缩小html。

我遇到的主要问题是我想放置一个签名，并且不希望通过添加display：none或直接从html中删除来轻松禁用它。

我目前使用jQuery并在特定DIV之后添加它，因此用户无法禁用，因为他们无法访问某些核心文件。

我会玩，这里有一些好主意，所以再次感谢快速回复：）

Answer 5

通过CSS它是不可能的。这不是语言的目的。你绕过js脚本的最佳镜头是专注于HTML5属性。

通过CSS超链接图像，不需要JS，Action，Object等

5 个答案: