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将包含该页面或您希望用户重定向的位置。

这种方法比您展示的方法更好，使用更广泛

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

2 个答案: