如何将超链接添加到数据图像代码行？ CSS3

Question

我在做一些工作，还是相当新的CSS，

我这里有一些代码，

<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

干杯

Answer 1

包裹在div中<a>标签

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

Answer 2

使用<a></a>标签。

你可以做到这一点

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

href将包含页面或任何你想要的用户重定向。

这种方法更好，比一个人的，你表现出