使用CSS将超链接a href添加到元素

Question

我可以帮助您将HTML元素添加链接到CSS。因为我有一张图片，我想添加一个链接到特定页面。有人能帮我做到这一点吗？（请保留HTML标签）

- amit

---

也许是因为你已经可以通过使用 ":before" 和 ":after" 将内容、图片和其他元素添加到页面上了。 - Julix

Answer 1

不，无法通过css添加链接。但是你可以使用jquery。

$('.case').each(function() {
  var link = $(this).html();
  $(this).contents().wrap('<a href="example.com/script.php?id="></a>');
});

这里是演示：http://jsfiddle.net/r5uWX/1/

- Selvamani

---

我认为类似问题的这个答案提供了一个更好的实例。 - GDP2

它会导致核心网络要素中的控制台错误。 - Muhammad Nouman Khalid

Answer 2

CSS不能简单地添加链接，它只用于样式设置。

您可以使用CSS为标签设置样式。

如果您想动态地为标签添加链接，我建议您使用jQuery或JavaScript。

您可以很容易地使用jQuery实现这一点。

我已经为您准备了一个示例，请参考以下链接：

URL : http://jsfiddle.net/zyk9w/

$('#link').attr('href','http://www.google.com');

这一行代码就可以解决问题。

- Rohith Gopi

Answer 3

你不需要使用CSS来完成这个。

     <img src="abc"/>

现在附带链接：

     <a href="#myLink"><img src="abc"/></a>

或者使用jQuery，稍后您可以使用wrap属性，参见这些问题的答案：

如何使用jQuery将链接添加到图像中？

- Chris