2012-11-26 62 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>

相關問題