云南龙网

  1. 首页 > 云知道 > >

打造个性色彩元素 自定义IE 8分组标签颜色( 二 )

云知道


这段语句即定义了当 IE 8 进行第一次分组时，将标签变化为浅绿色(RGB = 140,227,190) 。
依此类推，我们可以继续找到 、、，分别代表第二次、第三次、第四次的颜色变化，根据自己的喜好修改相应的 RGB 值即可 。
附注：IE 8 后台标签默认颜色设置对照：
初始值：(RGB = 227,238,251)
第一组：(RGB = 140,227,190)
第二组：(RGB = 185,205,246)
第三组：(RGB = 255,251,209)
第四组：(RGB = 222,160,228)
2.后台标签由单色到渐变色的修改：
下面笔者介绍一下如何将后台标签由单色升级为渐变色，如果希望保持后台标签为单色，可以跳过这部分内容 。
【打造个性色彩元素 自定义IE 8分组标签颜色】以后台标签初始的淡蓝色语句为例：


这段语句中的 rgb(227,238,251) 定义了这是一个淡蓝的单色(RGB = 227,238,251)，如需将其修改为渐变色，需要将 rgb(XXX,XXX,XXX) 替换为 gradient(rgb(XXX,XXX,XXX),rgb(XXX,XXX,XXX),1) 。例如：
假设将


替换为


那么后台标签就可以由默认的淡蓝色(RGB = 227,238,251)升级为从(RGB = 195,221,251)到(RGB = 242,246,251)的淡蓝色渐变了 。
依此类推，后面的语句也可以按此修改，从而将所有分组的后台标签全部由单色升级为渐变色 。
3.鼠标悬停在后台标签时的颜色修改：
在 IE 8 的默认设置中，当鼠标悬停在后台标签时，后台标签会从单色变化为一个不明显的渐变色 。例如初始的淡蓝色(RGB = 227,238,251)，悬停时会变为从(RGB = 163,201,248)到(RGB = 242,246,251)的淡蓝色渐变 。虽然悬停后换成了渐变色，但却与默认的单色实在太接近了 。这也是新闻组中那位仁兄抱怨看不清的原因 。
笔者认为当鼠标悬停在后台标签上时，还是按照 IE 7 的方案将其改变颜色比较醒目 。在 IE 7 的默认设置中，后台标签原本为银色渐变、鼠标悬停后显示为淡蓝色渐变，比 IE 8 醒目多了 。
如需修改鼠标悬停在后台标签时的颜色，在 UIFILE 中搜索字符串 (rgb(163,201,248),rgb(242,246,251)，找到下列语句：


这段语句定义了当鼠标悬停在后台标签时初始的淡蓝色渐变，我们可以根据自己的喜好将其修改为自定义颜色的 RGB 值 。
依此类推，接下来紧随着这段语句可以依次找到，不过这些语句的格式略微有所改变，需要在最后重复一下此种渐变色在鼠标悬停之前的单色 。例如 语句为：


可以看到它重复了一下在鼠标悬停之前的浅绿单色(RGB = 140,227,190) 。我们按照它的格式修改相关的 RGB 值就可以了 。
需要注意的是，如果之前已经按照方法 2 将后台标签由单色升级为了渐变色，在这里重复时也必须替换为相应的渐变色 。
附注：IE 8 鼠标悬停在后台标签时默认颜色设置对照：
初始值：从(RGB = 163,201,248) 到 (RGB = 242,246,251)
第一组：从(RGB = 21, 227,140) 到 (RGB = 242,246,251)
第二组：从(RGB = 122,163,245) 到 (RGB = 242,246,251)
第三组：从(RGB = 255,240, 45) 到 (RGB = 242,246,251)
第四组：从(RGB = 204,108,214) 到 (RGB = 242,246,251)
4.前台标签的渐变色修改：
现在还剩下最后一个修改的元素，就是 IE 8 窗口中唯一的一个处于前台的标签 。前台标签在默认的设置中也采用了渐变色，但是也与后台标签相差不大 。好在这个唯一的前台标签比其它后台标签要高一些，因此颜色接近的问题可以忽略 。

推荐阅读


上一篇：兔子不吃窝边草下一句 兔子不吃窝边草下一句是什么

下一篇：网上买的鲜花要醒花多久