如何將超鏈接添加到數據圖像代碼行？ CSS3

2014-12-08 89 views 0 likes

我在做一些工作，還是相當新的CSS，如何將超鏈接添加到數據圖像代碼行？ CSS3

我這裏有一些代碼，

<div id='ninja-slider'> 
       <ul> 
        <li> 
         <div data-image="images/md/1.jpg" </div>     </li> 
        <li> 
         <div data-image="images/md/2.jpg"> </div> 
        </li> 
        <li> 
         <div data-image="images/md/3.jpg"></div> 
        </li> 
        <li> 
         <div data-image="images/md/4.jpg"></div> 
        </li> 
       </ul> 
      </div>

我想知道我可以將超鏈接添加到這些圖像？我已經嘗試過，但不幸的是，它不適合我。

請幫忙，我甚至從谷歌搜索試過Javascript。事做的onclick

乾杯

來源

2014-12-08 SpeKtra

您可以添加這樣的'Update'還是向我們展示一些代碼，以幫助您更廣泛使用，效果更好 – BNN 2014-12-08 06:01:56

– Ankita 2014-12-08 06:03:28

是明確的：你不能添加這樣的單獨使用CSS的行爲。 – dandavis 2014-12-08 06:07:20

回答

包裹在div中<a>標籤

<ul> 
    <li> 
    <a href="#"><div data-image="images/md/1.jpg"></div></a> 
    </li> 
</ul>

來源

2014-12-08 06:04:25

使用<a></a>標籤。

你可以做到這一點

<a href="link_page"><img src="your_image.jpg" width="" height=""></a>

href將包含頁面或任何你想要的用戶重定向。

這種方法更好，比一個人的，你表現出

來源

2014-12-08 06:08:39 Coder

如何將超鏈接添加到數據圖像代碼行？ CSS3

回答

相關問題