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>

你能点击一层吗？去网址？

4 个答案: