繁体   English   中英

可以将颜色meta标签合并到半透明背景中吗?

[英]Possible to incorporate color meta tag into semi-transparent background?

我有一个用于颜色的meta标签,该颜色将在代码中的多个地方使用。

#wrapper #content .post {
font-family: {font:Body};
background-color: rgba(255,255,255,0.9);
{block:IfRoundedCorners}border-radius: 9px{/block:IfRoundedCorners};
padding: 10px;
position: relative;
left: 100px;
border: 1px solid #000000;
box-shadow:rgba(0,0,0,0.1)10px 10px;
margin-bottom: -20px;
}

如您所见,我的背景是白色,不透明度设置为0.9。 我想知道背景是否可以在保持不透明度0.9的同时继承元标记{color:Posts}

以前, background-color:行被替换为

background-color: {color:Posts};
opacity:0.9;

虽然这达到了我想要的效果,但它也使.post其他所有内容都透明了,这是有问题的,因为我只希望背景透明。

当然,我希望它引用meta标记,这样,如果我决定更改页面的配色方案,则只更改代码顶部的几个值,而不是更改使用它的每个位置。

我应该注意,meta标签使用十六进制值,因此#FFFFFF而不是255,255,255

有任何想法吗? 提前致谢

变量转换

Tumblr提供了一些关键字,这些关键字将修改变量并更改其输出。 在OP示例中,他们想要采用HEX颜色并将输出作为RGB 为此,请在变量前加上字母RGB

就目前而言,这不能完全起作用(因为它只能将HEX转换为RGB值)。 我们需要填补空白,并包含一个alpha通道值:

之前

background-color: rgba( {RGBcolor:Posts}, 0.9 );

background-color: rgba( 255,255,255,0.9 );

而已。 您甚至可以更进一步,并设置另一个主题运算符来处理alpha值,从而完全控制自定义选项。

之前

<meta name="text:Posts Background Alpha" content="0.9">

background-color: rgba( {RGBcolor:Posts}, {text:Posts Background Alpha} );

background-color: rgba( 255,255,255,0.9 );

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM