CSS 如何设置背景透明,并使用 PHP 将十六进制的颜色值转换成 RGBA 格式
2023-06-13 09:18:30 时间
我们在进行网页设计的时候,为了网页的整体美观,可能需要将网页中的某些部分设置为背景颜色透明,那么如何设置背景颜色透明呢?
使用 RGBA 设置背景透明
我们使用 CSS 设置颜色的时候,一般适用十六进制值的颜色,比如黄色就是:#ffff00
。其实颜色的值还可以通过 RGBA 的方式来设置。
所谓 RGBA 颜色,就是 RGB 三原色加 ALPHA,比如黄色就是:rgba(255, 255, 0, 1)
,因为不透明,所以第四个参数为 1,所以背景为黄色的代码为:background:rgba(255, 255, 0, 1)
。
所以在给背景添加颜色的同时,可以通过第四个参数提供透明度特性,比如设置为 0.3 的效果:
最终透明背景的 CSS 代码为:background:rgba(255, 255, 0, 0.3)
。
使用 PHP 将十六进制的颜色值转换成 RGBA 格式
但是我们在后台设置颜色的时候,一般设置成十六进制的颜色值,然后再加上一个透明度:
那么怎么转换成 RGBA 格式呢?
我写了一个函数,使用 PHP 直接将十六进制的颜色值转换成 RGBA 格式或 RGB 格式(没有传递透明度):
function wpjam_hex2rgba($color, $opacity=null){
if($color[0] == '#'){
$color = substr($color, 1);
}
if(strlen($color) == 6){
$hex = [$color[0].$color[1], $color[2].$color[3], $color[4].$color[5]];
}elseif(strlen($color) == 3) {
$hex = [$color[0].$color[0], $color[1].$color[1], $color[2].$color[2]];
}else{
return 'rgb(0,0,0)';
}
$rgb = array_map('hexdec', $hex);
if(isset($opacity)){
$opacity = $opacity > 1 ? 1.0 : $opacity;
return 'rgba('.implode(",",$rgb).','.$opacity.')';
}else{
return 'rgb('.implode(",",$rgb).')';
}
}
这个函数非常简单,只有两个参数,第一个是十六进制的颜色值,第二个是透明度,然后透明度没有传递,则生成颜色的 RGB 值,传递了则生成 RGBA 的值。
WPJAM Basic最新版已经整合了该函数,下载 #WPJAM Basic# 之后即可直接使用。
相关文章
- css规则定义的分类,CSS规则定义英汉对照表[通俗易懂]
- 深入揭示:MySQL与PHP的联系(mysql与php关系)
- PHP使用MySQL数据库:最佳实践(php查询mysql数据库)
- 一步步教你使用PHP调用Linux命令(php调用linux命令)
- Linux下使用PHP开发软件的简易指南(linux下php开发)
- 妙用Linux:快速启动PHP程序(linux如何启动php)
- 安装安装Linux下的64位PHP(linux64位php)
- 基于MySQL的PHP留言板系统开发(php留言板mysql)
- 数据如何使用PHP在MySQL中添加数据(php添加mysql)
- 使用PHP执行Linux脚本:简单而快速!(php执行linux脚本)
- PHP如何使用Redis连接: 代码实例(php连接redis代码)
- 编程开发之路:PHP 与 MySQL 结缘(php与mysql程序设计)
- 数据PHP实现MySQL数据导出的实现方法(php导出mysql)
- Redis现在支持PHP啦!(redis支持php)
- PHP轻松访问MySQL数据:使用简明易懂的方法获取数据(php获取mysql数据)
- php建立你的网站:使用 Apache、MySQL 和 PHP(httpdmysql)
- 使用PHP实现Redis分布式缓存(php实例化redis)
- 使用PHP连接MySQL数据库实现数据操作(php连接mysql类)
- 使用PHP连接Oracle数据库(php连接oracle)
- 慢解决PHP连接MySQL慢的方法(php连接mysql时间)
- 如何使用MySQL快速查询PHP数组(mysql查询数组php)
- 使用PHP操作MySQL数据库的基础——mysql类库(mysql类库php)
- 使用Linux命令行来优化你的PHP开发(linux命令行php)
- 使用PHP编辑器轻松编写Linux平台代码(php编辑器linux)
- 从PHP到MSSQL:实现高效转换(php转换mssql)
- 使用PHP扩展开发MSSQL应用(php扩展使用mssql)
- 从头到尾:使用PHP进行MSSQL手工注入(php手工注入mssql)
- PHP与MSSQL的良好结合,发挥强大的功能(php和mssql)
- 使用PHP 驱动MSSQL支撑稳固的开发环境(php mssql 驱动)
- 使用PHP和MSSQL实现网站搭建(php mssql 搭建)
- 以Apache、MySQL和PHP组成的最强技术栈(apache mysql php)
- PHP和Mysqlweb应用开发核心技术第1部分Php基础-1开始了解php