2012-11-26 43 views
0

你可以让一个图层可点击,去一个网址?你可以使图层可点击吗?去一个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> 

问候, 茶

回答

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; 
} 
0

你可以通过CSS不能。 ..使用事端摹状:

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

它的JavaScript :)

0

你可以试试这个:

例如:

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

,然后在你的CSS:

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

HTML5允许定位符包装区块k元素。如果您使用HTML5,这应该可以工作:
<a href="link.html"> <div id="content-2-2">my content</div> </a>

相关问题