<a>无法显示background-image的问题

为编辑可跳转链接的图片，我使用了<a></a>标签和background-image，就发现图片不显示了。

通过了百度后了解到:

1、a标签是行内元素，不是块元素，所以a标签的宽、高都为0，

2、background-image是用来设置背景图片的，而元素背景占据了元素的全部尺寸，包括内边距和边框,所以这就是为什么图片不显示的原因

那么要怎么才能实现点击图片跳转的功能呢？我们可以这样做：

1、设置display：block（要是想让图片即为行内元素，而内容则为块元素的话可以设置为display：inline-block）

2、设置a标签的宽，高。