Question

我有一个颜色的元标记，我将在我的代码中的几个地方使用。

#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的不透明度。我想知道背景是否可以继承我的元标记{color:Posts}的颜色，同时保持不透明度为0.9。

以前，background-color:行已替换为

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

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

当然我希望它引用元标记，这样如果我决定更改页面的颜色方案，我只会在代码顶部更改一些值，而不是每个地方更改一些值。使用过。

我应该注意，元标记使用的是HEX值，因此#FFFFFF代替255,255,255。

有什么想法吗？提前致谢

Answer 1

变量转换

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 );

可以将颜色元标记合并到半透明背景中吗？

1 个答案: