仅与背景链接

Question

我对css有一个奇怪的麻烦。

看一下本网站menù（Home）的第一个元素（是测试版）：http://nightly.gamempire.it/

我想从第一个元素中删除“Home”字样（并且只留下房子图标）。 我尝试删除这个词，但它打破了元素的风格。

如果我设置了属性

body > nav a.master { width: 30px; overflow: hidden; }

它打破了所有男人的风格。

我该怎么办？ 感谢

Answer 1

body > nav li {
          display: inline-block;
          vertical-align: middle;
        }
        body > nav a.master {
          display: block;
          height: 36px;
          font-size: 0;
          padding: 0;
        }

Answer 2

另一种选择是这样做：

nav li:first-child a {text-indent: -9999px;}

或

nav li a.master {text-indent: -9999px;}