博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于Web页中的色彩反转遇到一点问题
阅读量:5874 次
发布时间:2019-06-19

本文共 794 字,大约阅读时间需要 2 分钟。

颜色是Web页中很重要的元素,仅次于其内容了。在网页中我们可以使用5种方式来定义颜色,他们是:已命名颜色,#rrggbb格式颜色,#rgb格式颜色、rgb(r, g, b)函数格式颜色和rgb(x%, x%, x%)函数格式颜色。

    其中的r, g, b分别为从0~255之间的数值,在#???[???]格式中,以16进制形式格式表示。在rgb(x%, x%, x%)函数格式中,x的区间是[0, 100]。当我们把同一种颜色,如:黑色。用以上四种方式赋值给HTML元素:

    1、<div style="color: black">黑色</div>

    2、<div style="color: #000000">黑色</div>

    3、<div style="color: #000">黑色</div>

    4、<div style="color: rgb(0, 0, 0)">黑色</div>

    5、<div style="color: rgb(0%, 0%, 0%)">黑色</div>

    这样我们可以使用div元素的currentStyle.color查询到这5种格的颜色,black、#000000、#000和rgb(0,0,0)(rgb(x%, x%, x%)会被自动转换为rgb(r, g, b)输出)。其中后三种颜色我们可以很容易的使用JScript将其Invert,翻转的代码为:

ContractedBlock.gif
<
script 
language
="javascript"
>
dot.gif
</
script
>

    可是对于IE4.0支持的140个命名色彩28个系统命名色彩我却还没有想到简单的办法来Invertemsad.gif,暂时想到可以查表,可是一时半会要把它们根据色彩翻转关系对应上也不是件容易的事呀。

本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

你可能感兴趣的文章
后期处理
查看>>
switch语句
查看>>
进程内存分配
查看>>
运动App后台持续定位生成轨迹
查看>>
做一个APP
查看>>
Web-Attak系列教程第二季0x12讲——HTTP的请求与响应格式
查看>>
缓存基础整理
查看>>
【BZOJ】2599: [IOI2011]Race 点分治
查看>>
git仓库构建小记
查看>>
JDK 1.8新特性
查看>>
matlab做聚类分析
查看>>
“/"应用程序中的服务器错误
查看>>
快速定位NodeJs线上问题 - 之火焰图篇
查看>>
leetcode-345-Reverse Vowels of a String
查看>>
Spring Cloud F & Spring Boot 2.0 版本升级说明书
查看>>
代码评审-如何保证缓存与数据库的读写一致性?
查看>>
什么是面向对象,为什么要面向对象
查看>>
聊聊Lambda架构
查看>>
iOS逆向工程- 工具详解
查看>>
开发者必备Linux命令
查看>>