css - 只有背景的链接

Question

我对 css 有一个奇怪的问题。

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

我想从第一个元素中删除“家”字（只留下房子图标）。我尝试删除这个词，但它破坏了元素的样式。

如果我设置为属性

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;}