2015-05-08 148 views
-4

我到處搜索瞭解如何將背景圖像編碼爲可點擊的鏈接。我發現了幾個我的問題的答案,但他們都沒有工作!幫幫我!HTML&CSS可點擊的背景圖像

+1

你有沒有嘗試過你的例子?你可以提供一個小提琴或網址的嘗試? –

+0

現在,這個問題太模糊了。請參閱[如何提出良好的問題](http://stackoverflow.com/help/how-to-ask)和[我應避免詢問什麼類型的問題?](http://stackoverflow.com/help/dont-問)。你可以編輯你的問題,使其更好。 –

+0

請閱讀:http://stackoverflow.com/help/how-to-ask – j08691

回答

0

你可以嘗試做到這一點使用下面的CSS技巧:

創建一個標籤爲正常,並給它一個ID。你需要自定義CSS。

<a href="#" title="your title" id="clickable-background">Clickable Background</a> 

現在的#clickable-background格的自定義CSS:

#clickable-background { 
background-image:url(your-image-path); 
background-size: 100% 100%; 
display:block; 
position: relative; 
height: 100%; 
overflow:hidden; 
text-indent:100%; 
white-space: nowrap; 
} 

不要忘記添加 * { margin: 0; padding: 0; }到你的CSS。

給它一個去看看它是否做你想要的。不要忘記編輯你的圖像路徑。