在PHP或CSS中设置透明背景

Question

我在侧边栏中使用了一个Wordpress插件，该插件迫使我选择背景色（当前为#ffffff），并且我试图覆盖该选项以实现透明度。 我无法在“窗口小部件”选项中简单地将该字段留空。 我试图通过CSS进行修改，但是没有运气。 我相信相关代码如下：

?>
            <li style="background-color: <?php echo $bg_color; ?>" class="<?php echo $icon_filename; ?>"><a target="_blank" href="<?php echo $$icon_url; ?>"><?php echo $icon_filename; ?></a></li>
            <?php
            }
        }
        ?>

提前致谢！

Answer 1

使用rgba()设置不透明度

background-color: rgba(255, 255, 255, .5);

它不被广泛支持，因为它是CSS3属性，因此您可以设置background-color或使用opacity ，但是如果您使用opacity它也会使子元素不透明，但是有很多技巧可以使用opacity并防止子元素也变得不透明

如果您根本不需要背景，则只需使用background: none;

Answer 2

您可以使用“ opacity：0.0;”来设置CSS的不透明度/透明度。

将您的代码更改为如下所示：

<li style="background-color: <?php echo $bg_color; ?> opacity:0.0;" class="<?php echo $icon_filename; ?>"><a target="_blank" href="<?php echo $$icon_url; ?>"><?php echo $icon_filename; ?></a></li>

Answer 3

使用CSS背景的不透明度/透明度属性

body { background-color: trasparent }

要么

body { opacity: 0.1 }