css - 你能让一个图层可点击吗？去一个网址？

Question

你能让一个图层可点击，去一个网址吗？

这是我的图层，带有背景图片。我希望我的用户单击它进行导航。

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 ...尝试使用类似的东西：

<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 */
    }

Answer 4

HTML5 允许锚点包裹块元素。如果您使用的是 HTML5，这应该可以工作：
<a href="link.html"> <div id="content-2-2">my content</div> </a>