Question

我正在尝试向h2背景元素添加不透明度而不向文本添加不透明度。通常，这将是一个简单的任务，但我已经使用选项树和PHP集成了一个颜色选择器。由于使用颜色选择器选择背景颜色，我不能简单地在css中添加RGBA颜色。这是我正在构建的代码，是否可以向背景添加不透明度或将选项树颜色选择器更改为RGBA？

CSS：

article.post h2 {
    <?php $b_color = ot_get_option( 'menu_and_search_tabs' );
    if(isset($b_color) && $b_color !="") {
    ?>
background-color:<?php echo $b_color ?> !important;
    <?php } else {?>
background-color:transparent; !important; 
    <?php } ?>
}

如果我为上面的代码添加不透明度，它还会为文本添加不透明度。

HTML：

<article class="post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<article class="post">
</article>

Answer 1

您可以编写或查找将HEX转换为RGBA的函数。我在JavaScript中完成了这个，但它也可以在PHP中完成。

这是php中的一个简单的十六进制到rgba转换器我发现： http://mekshq.com/how-to-convert-hexadecimal-color-code-to-rgb-or-rgba-using-php/

在WP主题中使用colorpicker，CSS和PHP为H2背景添加不透明度

1 个答案: