链接背景图像

Question

我有一个css背景图片，需要链接到网站索引。但是我似乎无法将其链接起来。我尝试过使用：

#header-bg {
    background-image: url("./styles/duffcraft/theme/images/bg_header.png");
}

然后使用：

<a href="./" id="header-bg"></a>

但它没有用。该网站的网址是：http://bindmind.net/dev/ 它的中间是DuffCraft等图像。图像的文件名是header.png。

基本上它必须链接到网站索引，但因为很难将其转移到另一个域很快我无法链接到http://www.bindmind.net/dev/。

编辑：我已设法将其链接，但现在图像和实际内容之间存在巨大差距。 （修正了。）

Answer 1

您应该在HTML代码中使用读取图像代替背景图像。看起来应该是这样的：

<a href="/"> 
  <img src="./styles/duffcraft/theme/images/bg_header.png"/>
</a>

这应该将您的链接显示为仅图像，具有图像大小，并且通过单击图像，将显示您的索引页。

Answer 2

你可以这样做：

<a href="http://bindmind.net/dev/"><div id="header-bg"></div></a>

或者你可以用JavaScript做到这一点