链接标记a，图像背景不起作用

Question

我写了一个链接标签并添加了一个带有css背景的图像。链接标记不起作用的问题？有人能解决我的问题吗？

HTML

`<li class='n1'><a href='guiness.html'></a></li>`

CSS

.nav-mobile .n1{
background: url(/img/menu/expo.png) no-repeat;
background-size: contain;
background-position: right;

}

Answer 1

text-indent:-9999px标记内部需要有文字才能生效，因此请添加一些虚拟文字，然后使用background隐藏文字。这是基于以下事实：您已使用img CSS属性进行修复！

请参考下面的JSFiddle并尝试实现

JSFiddle Demo

以下是使用UICollectionView标记的简单方法。

JSFiddle Demo

请根据您的要求使用CSS来设置图片标签的样式！