wordpress主题dux全站半透明效果

实现效果：网站显示除背景图片外，其余半透明效果，后台没有变化。

环境：wordpress4.9.7、centos7、lnmp1.5、主题dux

一、最简单操作：（待验证）

思路：在<body>内嵌套，

<div style="-moz-opacity:0.2;filter:alpha(opacity=20);opacity:0.2"></div>

具体操作：我还没找到方法。

二、实现指定区域的半透明化；

（修改主题文件夹下css文件夹里的main.css，将下列字段内的background-color颜色改成rgba(0,0,0,0.5)）

1、小组件小格子

.widget_ui_tags .items a

2、小组件

.widget

3、小组件标题

.widget h3

4、主页文章块
.excerpt

鼠标放在上面就变色

.excerpt cover

5、文章分类页面标题
.catleader

6、底部首页栏
.branding-black

7、页脚
.footer

页脚上部分割线
border-top:

8、页眉

.header
9、文章页面
.single .content

10、文章页面包屑导航栏
.breadcrumbs

11、页面
.container-page .content

12、首页焦点图

主题目录下 index.php

<section class="container">
        <div class="content-wrap">
        <div class="content">

        <div style="-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5">   添加此行
                <?php
                         if( $paged==1 && _hui('focusslide_s') ){
                                _moloader('mo_slider', false);
                                mo_slider('focusslide');
                        }
                ?>
        </div>  添加此行