你能让图层变得可点击吗？要转到URL？

Question

你能让图层变得可点击吗，转到一个url？

这是我的图层，带有背景图片。我想让我的用户点击它来导航。

CSS：

#content-2-2 
{
    float: left;
    width: 269px;
    height: 103px;
    margin:0px 20px 0px 0px;
    padding: 0px;
    background: url('../images/Guided-tour-logo-front.png') no-repeat left top;
}

HTML：

<div id="content-2-2"></div>

向您致敬，茶

Answer 1

您可以添加一个锚点：

<div id="content-2-2"><a href="url here"></a></div>

#content-2-2 
{
    float: left;
    width: 269px;
    height: 103px;
    margin:0px 20px 0px 0px;
    padding: 0px;
    background: url('../images/Guided-tour-logo-front.png') no-repeat left top;
}

#content-2-2 a
{
    width: 269px;
    height: 103px;
    display:block;
}

Answer 2

您不能通过css...try使用以下内容：

<div id="content-2-2" onclick="location.href='http://www.example.com'"></div>

这是javascript :)

Answer 3

您可以尝试这样做：

例如：

<div id="facebook" onclick="location.href='your_link.html'">

然后在你的CSS中：

    #facebook{
     cursor: pointer; 
     /* The rest of your styling to that div */
    }