我正在使用twitter引导,我有一个问题在他们的主页使用的glyphicon.参考,参考基础CSS
页面：
http://twitter.github.com/bootstrap/base-css.html
在左侧,您可以看到导航 – 排版,代码,表等.现在,如果您注意到,导航中包含由“icon-chevron-right”类标识的glyphicon.但是,该图标不是黑色或白色.它是灰色的当鼠标悬停在特定项目上时,该图标变为较暗的灰色阴影. CSS不显示任何普通的东西,似乎是指黑色字形,但图标是灰色的,并具有悬停效果.
在这里使用引导功能的任何想法？
这实际上是使用CSS opacity
属性设置的.他们的
代码：
.bs-docs-sidenav .icon-chevron-right {
float: right;
margin-top: 2px;
margin-right: -6px;
opacity: .25;
}
这种变化将悬停到较高的不透明度以使其变暗.实际上只是黑色的图标.
所以,像：
.class > i {
opacity: 0.25;
}
.class:hover > i {
opacity: 0.5;
}
原文链接：https://www.f2er.com/bootstrap/234079.html
