小编Fre*_*und的帖子

如何使用带有图标的<i>标签?

我有一个图标集和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)

html css icons

4
推荐指数
1
解决办法
4万
查看次数

标签 统计

css ×1

html ×1

icons ×1