Question

我正在尝试制作包含可点击图像的div。我已经尝试了Hyperlinking an image using CSS上的所有技术（并承认它不应该在css中完成），并且还在其他地方寻找任何线索。

起初我以为是因为我没有将div的大小设置为图像的大小，但我仍然无法使其工作。

任何想法都将不胜感激。我正在尝试这个的页面在这里：http：// ...，即试图使灯塔图形可点击（使用任何技术）。

Answer 1

JavaScript解决方案

在onclick上使用div属性。

<div onclick='something()'>content</div>

并在JavaScript中添加script。

<script>
function something(){
  //code...
  //open other webpage:
  window.location = "http://example.com";
}
</script>

Answer 2

您只需要更改padding-left margin-left div id="pagetext" style <div id="pagetext" class="animated bounceInDown" style="width: 50%; margin-left: 25%; padding-top: 10px; text-align: center;"> <div class="line"></div> <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p> <br> <br> <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p> <br> <br> <p style="line-height: 20px; margin-top: 10px; margin-bottom: 0px; text-align: justify;"></p> <br> <br> <p style="line-height: 20px; margin-top: 10px; margin-bottom: 10px; text-align: justify;"></p> <div class="line"></div></div>，abstract class ViewModelController<T>: Controller where T : IViewModelControllerActions<T>一切都可以正常工作。

IViewModelControllerActions<IViewModelControllerActions<T>>

不工作，包含图像的可点击div

2 个答案:

JavaScript解决方案