上一篇: twitter-bootstrap – 为什么Boo... 下一篇:twitter-bootstrap – 自定义twi...

twitter-bootstrap – Twitter Bootstrap – 如何获取灰色的glyphicon

Bootstrap 发布时间：2022-04-18 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了twitter-bootstrap – Twitter Bootstrap – 如何获取灰色的glyphicon，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我正在使用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;
}@H_874_11@ 
 这种变化将悬停到较高的不透明度以使其变暗.实际上只是黑色的图标. 
 所以,像： 
  
 .class > i {
    opacity: 0.25;
}

.class:hover > i {
    opacity: 0.5;
}@H_874_11@

大佬总结

以上是大佬教程为你收集整理的twitter-bootstrap – Twitter Bootstrap – 如何获取灰色的glyphicon全部内容，希望文章能够帮你解决twitter-bootstrap – Twitter Bootstrap – 如何获取灰色的glyphicon所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：bootstrap glyphicon twitter 如何灰色获取

上一篇: twitter-bootstrap – 为什么Boo... 下一篇:twitter-bootstrap – 自定义twi...

猜你在找的Bootstrap相关文章