|  | 
 
| 
x
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册 
    | backcolor——背景颜色还是黑|幕? |  | | 
 
 |  | | ATTENTION | 注意!本文章记载的内容不适用于MCBBS纪念版,除非MCBBS Extender支持本论坛 
 | 
 | 
 
 | 
 
 |  | | WARNING | 本节目由Crable_Potion赞助播出 
 | 
 | 
 
 
 |  | 前言 backcolor是泥潭非常常用的一个标签。部分使用MCBBS Extender的用户都知道它既能作为背景颜色也能作为黑|幕。
 但是,你知道什么情况下backcolor会被解析为黑|幕吗?
 本期节目将会教你正确地使用backcolor标签。
 
 标签样式
 和大部分标签相同的是,backcolor遵循的格式如下:
 其中,属性部分仅允许颜色代码,即指定的颜色,hex、rgb以及rgba颜色。
 指定的颜色就是web标准色,例如Black, Green, Gray ,Blue, Red, Purple,总共有140种,即
 | [1] | 颜色名 | 十六进制颜色值 |  | AliceBlue | #F0F8FF |  | AntiqueWhite | #FAEBD7 |  | Aqua | #00FFFF |  | Aquamarine | #7FFFD4 |  | Azure | #F0FFFF |  | Beige | #F5F5DC |  | Bisque | #FFE4C4 |  | Black | #000000 |  | BlanchedAlmond | #FFEBCD |  | Blue | #0000FF |  | BlueViolet | #8A2BE2 |  | Brown | #A52A2A |  | BurlyWood | #DEB887 |  | CadetBlue | #5F9EA0 |  | Chartreuse | #7FFF00 |  | Chocolate | #D2691E |  | Coral | #FF7F50 |  | CornflowerBlue | #6495ED |  | Cornsilk | #FFF8DC |  | Crimson | #DC143C |  | Cyan | #00FFFF |  | DarkBlue | #00008B |  | DarkCyan | #008B8B |  | DarkGoldenRod | #B8860B |  | DarkGray | #A9A9A9 |  | DarkGreen | #006400 |  | DarkKhaki | #BDB76B |  | DarkMagenta | #8B008B |  | DarkOliveGreen | #556B2F |  | Darkorange | #FF8C00 |  | DarkOrchid | #9932CC |  | DarkRed | #8B0000 |  | DarkSalmon | #E9967A |  | DarkSeaGreen | #8FBC8F |  | DarkSlateBlue | #483D8B |  | DarkSlateGray | #2F4F4F |  | DarkTurquoise | #00CED1 |  | DarkViolet | #9400D3 |  | DeepPink | #FF1493 |  | DeepSkyBlue | #00BFFF |  | DimGray | #696969 |  | DodgerBlue | #1E90FF |  | Feldspar | #D19275 |  | FireBrick | #B22222 |  | FloralWhite | #FFFAF0 |  | ForestGreen | #228B22 |  | Fuchsia | #FF00FF |  | Gainsboro | #DCDCDC |  | GhostWhite | #F8F8FF |  | Gold | #FFD700 |  | GoldenRod | #DAA520 |  | Gray | #808080 |  | Green | #008000 |  | GreenYellow | #ADFF2F |  | HoneyDew | #F0FFF0 |  | HotPink | #FF69B4 |  | IndianRed | #CD5C5C |  | Indigo | #4B0082 |  | Ivory | #FFFFF0 |  | Khaki | #F0E68C |  | Lavender | #E6E6FA |  | LavenderBlush | #FFF0F5 |  | LawnGreen | #7CFC00 |  | LemonChiffon | #FFFACD |  | LightBlue | #ADD8E6 |  | LightCoral | #F08080 |  | LightCyan | #E0FFFF |  | LightGoldenRodYellow | #FAFAD2 |  | LightGrey | #D3D3D3 |  | LightGreen | #90EE90 |  | LightPink | #FFB6C1 |  | LightSalmon | #FFA07A |  | LightSeaGreen | #20B2AA |  | LightSkyBlue | #87CEFA |  | LightSlateBlue | #8470FF |  | LightSlateGray | #778899 |  | LightSteelBlue | #B0C4DE |  | LightYellow | #FFFFE0 |  | Lime | #00FF00 |  | LimeGreen | #32CD32 |  | Linen | #FAF0E6 |  | Magenta | #FF00FF |  | Maroon | #800000 |  | MediumAquaMarine | #66CDAA |  | MediumBlue | #0000CD |  | MediumOrchid | #BA55D3 |  | MediumPurple | #9370D8 |  | MediumSeaGreen | #3CB371 |  | MediumSlateBlue | #7B68EE |  | MediumSpringGreen | #00FA9A |  | MediumTurquoise | #48D1CC |  | MediumVioletRed | #C71585 |  | MidnightBlue | #191970 |  | MintCream | #F5FFFA |  | MistyRose | #FFE4E1 |  | Moccasin | #FFE4B5 |  | NavajoWhite | #FFDEAD |  | Navy | #000080 |  | OldLace | #FDF5E6 |  | Olive | #808000 |  | OliveDrab | #6B8E23 |  | Orange | #FFA500 |  | OrangeRed | #FF4500 |  | Orchid | #DA70D6 |  | PaleGoldenRod | #EEE8AA |  | PaleGreen | #98FB98 |  | PaleTurquoise | #AFEEEE |  | PaleVioletRed | #D87093 |  | PapayaWhip | #FFEFD5 |  | PeachPuff | #FFDAB9 |  | Peru | #CD853F |  | Pink | #FFC0CB |  | Plum | #DDA0DD |  | PowderBlue | #B0E0E6 |  | Purple | #800080 |  | Red | #FF0000 |  | RosyBrown | #BC8F8F |  | RoyalBlue | #4169E1 |  | SaddleBrown | #8B4513 |  | Salmon | #FA8072 |  | SandyBrown | #F4A460 |  | SeaGreen | #2E8B57 |  | SeaShell | #FFF5EE |  | Sienna | #A0522D |  | Silver | #C0C0C0 |  | SkyBlue | #87CEEB |  | SlateBlue | #6A5ACD |  | SlateGray | #708090 |  | Snow | #FFFAFA |  | SpringGreen | #00FF7F |  | SteelBlue | #4682B4 |  | Tan | #D2B48C |  | Teal | #008080 |  | Thistle | #D8BFD8 |  | Tomato | #FF6347 |  | Turquoise | #40E0D0 |  | Violet | #EE82EE |  | VioletRed | #D02090 |  | Wheat | #F5DEB3 |  | White | #FFFFFF |  | WhiteSmoke | #F5F5F5 |  | Yellow | #FFFF00 |  | YellowGreen | #9ACD32 | 
 | 
hex颜色就是以#开头的16进制颜色,其结构是#[ruby=R]00[/ruby][ruby=G]ff[/ruby][ruby=B]00[/ruby][ruby=A]ff[/ruby] (A部分可以省略)
 rgb颜色就是以rgb(为开头,)为结尾,其结构是rgb([ruby=R]0[/ruby], [ruby=G]255[/ruby], [ruby=B]0[/ruby])
 rgba颜色就是以rgba(为开头,)为结尾,其结构是rgb([ruby=R]0[/ruby], [ruby=G]255[/ruby], [ruby=B]0[/ruby], [ruby=A]1[/ruby])
 因此,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中有这样一段:
 
 它的大致意思就是如果backcolor标签的属性部分如果是black或者以#000开头的hex颜色,则会解析为黑|幕。复制代码.t_f font[style*="background-color:black"], .t_f font[style*="background-color:#000"] {
    transition-duration: .3s;
    transition-delay: .5s;
    cursor: default;
(编者注:仅black能被解析为黑|幕,Black则不能)
 利用这个特性,不仅能做出黑色的黑|幕,还可以做出蓝色的黑|幕。
 看!黑色的黑|幕
 看!蓝色的黑|幕
 
 (编者注:[size|=0px]|[/si|ze]用于防屏蔽)复制代码[backcolor=black]看!黑色的黑[size=0px]|[/size]幕[/backcolor]
[backcolor=#0000ff]看!蓝色的黑[size=0px]|[/size]幕[/backcolor]
 主动干预黑|幕的判定
 也是因为这个特性,所有属性为black的backcolor都会被解析为黑|幕,有什么方法能使标签被解析为正常的背景颜色呢?
 方法有两种:
 看!这不是黑|幕!这是黑色的背景颜色!使用Black代替black用上表的相似颜色代替hex颜色。用rgb颜色代替hex颜色。
 看!这不是黑|幕!这是黑色的背景颜色!
 看!这不是黑|幕!这是蓝色的背景颜色!
 看!这不是黑|幕!这是无法被解析的背景颜色!
 
 复制代码[backcolor=Black]看!这不是黑[size=0px]|[/size]幕!这是黑色的背景颜色![/backcolor]
[backcolor=rgb(0, 0, 0)]看!这不是黑[size=0px]|[/size]幕!这是黑色的背景颜色![/backcolor]
[backcolor=rgb(0, 0, 255)]看!这不是黑[size=0px]|[/size]幕!这是蓝色的背景颜色![/backcolor]
[backcolor=rgba(0, 0, 255, 0.5)]看!这不是黑[size=0px]|[/size]幕!这是无法被解析的背景颜色![/backcolor]
 声明
 [1]web标准色表格来源于网络,原出处。
 |  |  | 
 
 
 | 
 |