我有一个图标集和CSS代码将图标绑定到一个元素,但我不能让"i"标签与图标集一起工作,而不是用内容填充它.我是否必须为标签添加自定义代码?
我见过Twitter Bootstrap使用"i"标签作为图标.此外,我已经尝试了span标记,但这也不起作用.当我使用"li"或"div"标签时,它可以工作.
我错过了什么?提前致谢!
这并不能正常工作
<i class="icon icon-accessibility"></i>
Run Code Online (Sandbox Code Playgroud)
这有效
<i class="icon icon-accessibility">BLAH</i>
Run Code Online (Sandbox Code Playgroud)
我的CSS的例子
.icon {background: url('/images/icons.png') no-repeat top left;}
.icon-accessibility{ background-position: 0 0; width: 32px; height: 32px; }
Run Code Online (Sandbox Code Playgroud)