Crable_Potion
本帖最后由 Crable_Potion 于 2023-4-2 20:40 编辑

  backcolor——背景颜色还是黑|幕？


WARNING
本节目由Crable_Potion赞助播出
前言
backcolor是泥潭非常常用的一个标签。大部分用户都知道它既能作为背景颜色也能作为黑|幕。
但是，你知道什么情况下backcolor会被解析为黑|幕吗？
本期节目将会教你正确地使用backcolor标签。

标签样式
和大部分标签相同的是，backcolor遵循的格式如下：
  1. [代码=属性][/代码]
复制代码
其中，属性部分仅允许颜色代码，即指定的颜色，hex、rgb以及rgba颜色。
指定的颜色就是web标准色，例如Black, Green, Gray ,Blue, Red, Purple，总共有140种，即

hex颜色就是以#开头的16进制颜色，其结构是#00（R）ff（G）00（B）ff（A） (A部分可以省略)
rgb颜色就是以rgb(为开头，)为结尾，其结构是rgb(0（R）, 255（G）, 0（B）)
rgba颜色就是以rgba(为开头，)为结尾，其结构是rgb(0（R）, 255（G）, 0（B）, 1（A）)
因此，hex颜色中的最大值为#ffffffff，即白色；最小值为#00000000，即完全透明的黑色。
rgb颜色中的最大值为rgb(255, 255, 255)，即白色；最小值为rgb(0, 0, 0)，即黑色。
rgba颜色中的最大值为rgb(255, 255, 255, 1)，即白色；最小值为rgba(0, 0, 0, 0)即完全透明的黑色。
注意，在MCBBS，所有的rgba格式的颜色最后一位alpha通道值仅为1或者0时会被解析。

决定背景颜色或者黑|幕的主要条件
在有关backcolor标签样式的CSS中有这样一段：
  1. .t_f font[style*="background-color:black"], .t_f font[style*="background-color:#000"] {
  2.     transition-duration: .3s;
  3.     transition-delay: .5s;
  4.     cursor: default;
复制代码
它的大致意思就是如果backcolor标签的属性部分如果是black或者以#000开头的hex颜色，则会解析为黑|幕。
(编者注:仅black能被解析为黑|幕，Black则不能)
利用这个特性，不仅能做出黑色的黑|幕，还可以做出蓝色的黑|幕。
看！黑色的黑|幕
看！蓝色的黑|幕
  1. [backcolor=black]看！黑色的黑[size=0px]|[/size]幕[/backcolor]
  2. [backcolor=#0000ff]看！蓝色的黑[size=0px]|[/size]幕[/backcolor]
复制代码
(编者注:[size|=0px]|[/si|ze]用于防屏蔽)

主动干预黑|幕的判定
也是因为这个特性，所有属性为black的backcolor都会被解析为黑|幕，有什么方法能使标签被解析为正常的背景颜色呢？
方法有两种：
  • 使用Black代替black
  • 用上表的相似颜色代替hex颜色。
  • 用rgb颜色代替hex颜色。
看！这不是黑|幕！这是黑色的背景颜色！
看！这不是黑|幕！这是黑色的背景颜色！
看！这不是黑|幕！这是蓝色的背景颜色！
[backcolor=rgba(0, 0, 255, 0.5)]看！这不是黑|幕！这是无法被解析的背景颜色！
  1. [backcolor=Black]看！这不是黑[size=0px]|[/size]幕！这是黑色的背景颜色！[/backcolor]
  2. [backcolor=rgb(0, 0, 0)]看！这不是黑[size=0px]|[/size]幕！这是黑色的背景颜色！[/backcolor]
  3. [backcolor=rgb(0, 0, 255)]看！这不是黑[size=0px]|[/size]幕！这是蓝色的背景颜色！[/backcolor]
  4. [backcolor=rgba(0, 0, 255, 0.5)]看！这不是黑[size=0px]|[/size]幕！这是无法被解析的背景颜色！[/backcolor]
复制代码


声明
[1]web标准色表格来源于网络，原出处。
作者Crable_Potion | 2023年4月2日
本文章采用署名-非商业性使用-相同方式共享 3.0 中国大陆 (CC BY-NC-SA 3.0 CN)授权
大尾巴狼！
你是我的神
Stone_ingot
这玩意跟浏览器有关吗？我这里看所有的示例都没有黑幕
Crable_Potion
Stone_ingot 发表于 2023-4-2 20:37
这玩意跟浏览器有关吗？我这里看所有的示例都没有**

我用的是edge。。。
但确实，只有中间的两个有黑|幕，其他的都没有。
Doomsday_Envoy
可以实现和你头像效果的黑.幕嘛
风劲子a
哇塞，看不懂呢
我一般都不用这个背景颜色
人帅话不多
厉害的帖子
第一页 上一页 下一页 最后一页