Javascript 使用css/jquery将背景图像作为链接

我有包含背景图像的div，但我想使该图像成为可点击的，并指向网站的某个地方。在css或jquery中可以这样做吗 HTML：

<div id="logincontainer">
</div>

这是你的电话号码

我不确定是否有一种方法可以使背景图像在div中显示为可点击的？

---

任何建议都很好。

为什么不使用锚

<a href="link" id="logincontainer">
</a>

我更新了你的

否则：

• 您可以单击任何元素，使其行为类似于jQuery的链接
• 如果您使用html5
  （否则无效），则可以将您的
  环绕在锚定中

---

为什么不使用锚

<a href="link" id="logincontainer">
</a>

我更新了你的
否则：
• 您可以单击任何元素，使其行为类似于jQuery的链接
• 如果您使用html5
  （否则无效），则可以将您的
  环绕在锚定中

---

只需执行以下操作：

<a href="whereYouWantToGo"><div id="loginContainer'></div></a>

或者您也可以通过JavaScript和jQuery来实现这一点

$('#loginContainer').click(function(e) { <Whatever you want to do here> });

$（'loginContainer'）。单击（函数（e）{}）；

只需执行以下操作：

<a href="whereYouWantToGo"><div id="loginContainer'></div></a>

或者您也可以通过JavaScript和jQuery来实现这一点

$('#loginContainer').click(function(e) { <Whatever you want to do here> });

$（'loginContainer'）。单击（函数（e）{}）；

您需要修复后台元素的

z-index

，正如其他人所说，添加一个锚或javascript操作。另外，我在页面上添加了一些剩余内容的示例。你需要看看这两者是如何相互作用的
这里有一个更新的
HTML

<div id="loginContainer">
    <a href="#"></a>
</div>
<div class="content">
    <p>Something</p>
</div>

<div id="logincontainer" data-link="http://google.com"></div>

---

您需要修复后台元素的

z-index

，正如其他人所说，添加一个锚或javascript操作。另外，我在页面上添加了一些剩余内容的示例。你需要看看这两者是如何相互作用的
这里有一个更新的
HTML

<div id="loginContainer">
    <a href="#"></a>
</div>
<div class="content">
    <p>Something</p>
</div>

<div id="logincontainer" data-link="http://google.com"></div>

这里有一个
HTML

<div id="loginContainer">
    <a href="#"></a>
</div>
<div class="content">
    <p>Something</p>
</div>

<div id="logincontainer" data-link="http://google.com"></div>

jQuery

$(function() {

  $('#logincontainer').hover(function() {

    var divLink = $(this).attr('data-link');

    $(this).wrap('<a href="' + divLink + '"></a>');

  });

});

$（函数（）{
$（'#logincontainer'）。悬停（函数（）{
var divLink=$（this.attr（'data-link'）；
$（此）.wrap（“”）；
});
});

这里有一个
HTML

<div id="loginContainer">
    <a href="#"></a>
</div>
<div class="content">
    <p>Something</p>
</div>

<div id="logincontainer" data-link="http://google.com"></div>

jQuery

$(function() {

  $('#logincontainer').hover(function() {

    var divLink = $(this).attr('data-link');

    $(this).wrap('<a href="' + divLink + '"></a>');

  });

});

$（函数（）{
$（'#logincontainer'）。悬停（函数（）{
var divLink=$（this.attr（'data-link'）；
$（此）.wrap（“”）；
});
});

否，除非添加
或使用JavaScript和单击事件。不确定这是否是正确的解决方案，但它会起作用，请查看否，除非添加
或使用JavaScript和单击事件。不确定这是否是正确的解决方案，但它会起作用，请作为旁注查看，我不喜欢这种互动。当一个网站使整个背景或页面的一大块区域都可以点击时，我总是感到沮丧。顺便说一下，我不喜欢这种互动。当一个网站使整个背景或页面的巨大区域可点击时，我总是感到沮丧。