Question

我的一些标签在背景中有图像有小问题，标签内的文字在css中缩进，但在Android浏览器中我看到该字符串的一部分，用于html。这个词覆盖背景图像（标签的区域）。移动设备的代码和屏幕截图如下所示：

图片：http://s29.postimg.org/tctfbp9jb/sa_sc.jpg

<li class="item185">
<a class="soc-link" href="#">rss/sapa</a>
</li>
<li class="item186">
<a class="soc-link" href="https://www.facebook.com/pages/..">facebook/sapa</a>
</li>
<li class="item187">
<a class="soc-link" href="#">youtube/sapa</a>
</li>

的CSS：

li {
    display: inline-block;
}
a.soc-link {
    background-position: -4px 0;
    background: url("../images/sapa-bg.png") no-repeat;
    display: block;
    height: 50px;
    margin: 0 0 0 1em;
    overflow: hidden;
    text-indent: 10000px;
    width: 50px;
}

Answer 1

使用css：

content:'';

这些元素。你可以使用这个css：

color: rgba(255,255,255,0);

只是为了确定。

在Android浏览器中链接图像背景

1 个答案: