1. 程式人生 > >wordpress全站半透明效果

wordpress全站半透明效果

實現效果:網站顯示除背景圖片外,其餘半透明效果,後臺沒有變化。

環境: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>  新增此行

相關推薦

wordpress全站透明效果

實現效果:網站顯示除背景圖片外,其餘半透明效果,後臺沒有變化。 環境:wordpress4.9.7、centos7、lnmp1.5、主題dux 一、最簡單操作:(待驗證) 思路:在<body>內巢狀, <div style="-moz-opacity

【Unity Shader】(五) ------ 透明效果透明效果的實現及原理

pic sele 不同的 %20 分享圖片 渲染 select fall 就是 筆者使用的是 Unity 2018.2.0f2 + VS2017,建議讀者使用與 Unity 2018 相近的版本,避免一些因為版本不一致而出現的問題 【Unity Shader學習筆記

Android設定控制元件的透明度(透明效果

1. 前言 有些需求會改變佈局顏色透明度,比如根據滑動距離,改變title顏色,設定控制元件如View,Button等的透明度,有3種方法。 2.使用方法 (1)java程式碼實現: text = (TextView) findViewById(

C#圖片透明效果

目前有個任務,需要實現圖片顏色半透明,效果如下圖: 測試了一下,使用方法為在上面自定義一個控制元件,在控制元件上用指定顏色繪製一個矩形,並指定其為半透明(alpha方式)。 定義控制元件 定義控制元件如下內容: public MyOpaqueLayer()//構建函式  

OpenGL使用混合來實現透明效果 .

原文地址:http://heroxx.blog.163.com/blog/static/5423580200908113124143/ 今天介紹關於OpenGL混合的基本知識。混合是一種常用的技巧,通常可以用來實現半透明。但其實它也是十分靈活的,你可以通過不同的設定得到不同的混合結果,產生一些有趣或者奇

Direct3D進行Alpha混合實現透明效果

這次給大家奉獻的是我最近學習DirectX基礎的一些內容:進行Alpha混合。雖然我在很多的遊戲中看到了美輪美奐的半透明效果,但是能夠自己製作出半透明的效果還是一件非常欣慰的事情。因為這不僅僅是自己目的的達成,還是自己自學能力的提升。 Alpha是畫素顏色中的一個值,但

OpenGL入門學習之九——使用混合來實現透明效果

混合是什麼呢?混合就是把兩種顏色混在一起。具體一點,就是把某一畫素位置原來的顏色和將要畫上去的顏色,通過某種方式混在一起,從而實現特殊的效果。 假設我們需要繪製這樣一個場景:透過紅色的玻璃去看綠色的物體,那麼可以先繪製綠色的物體,再繪製紅色玻璃。在繪製紅色玻璃的時候,利用“

MFC 對話方塊 開啟 Aero 毛玻璃 透明 效果 (二)

這張圖的缺陷,不用說,就是那2個按鈕了。為什麼會這樣的呢? 因為 DWM 使用 alpha 通道來繪圖。然而,誕生已久的 GDI 並不支援 alpha 通道。 想用 alpha 通道來繪圖,必須使用 GDI+ 或者 WPF 這類先進的東東。 碰巧的是,GDI 裡面的黑色

android -------- 顏色的透明效果配置

最近有朋友問我 Android 背景顏色的半透明效果配置,我網上看資料,總結了一下,開發中也是常常遇到的,所以來寫篇部落格常用的顏色值格式有:  RGB    ARGB    RRGGBB   AARRGGBB  這4種透明度透明度分為256個等級,即 0 - 256,0就是

android 控制元件各種顏色的透明效果配置

格式: Android:background=”#XXxxxxxx”(顏色可以寫在color中) 說明:半透明顏色值不同於平時使用的顏色,半透明顏色值共8位,前2位是透明度,後6位是顏色。 也就是說透明度和顏色結合就可以寫出各種顏色的透明度。下面是透明度說

Android開發之滑動ScrollView實現ToolBar透明效果

前言:Toolbar前幾章都有介紹,現在的越來越多的使用toolbar,便開始在toolbar上做效果,常見的是隨著你的滑動,toolbar呈現半透明的效果,有的是隨著你的滾動而滾動,今天我們實現的效果就是toolbar呈現半透明的效果! -----------------

角色和背景遮擋透明效果的實現

這裡講的是關於2D遊戲的角色和背景以及物體之間的遮擋關係,用半透明角色處理的討論和實現方式。這裡主要是討論關於頁遊《火影忍者》裡對於角色和背景物體之間的遮擋處理方式。同時也實現了和他一樣的效果(可能)。具體是沒分析火影的程式碼,只是猜測了它的原理然後進行實現的。其他的幾種實現方式則簡單的討論,一筆帶過(如

Android實現popupwindow彈出後螢幕背景變成透明效果

/** * 設定新增螢幕的背景透明度 * * @param bgAlpha */ public void backgroundAlpha(float bgAlpha) { WindowManager.Layou

OSG渲染模式設定實現透明效果

一、程式碼osg::ref_ptr<osg::Node> createSceneGraph() { osg::ref_ptr<osg::Geometry> geom = new

html、css和js原生寫一個模態彈出框,順便解決父元素透明子元素不透明效果

script javascrip z-index htm index 彈出 rgb 特性 radi 模態框: html部分: <!-- 按鈕 --> <button id="box" onclick="pop_box()">彈出框</

Android 新手引導透明蒙層效果實現

效果圖: 其中的文字和我知道啦是ui切得兩張透明圖片 自定義View: package com.cymobi.library.view.widget; import android.app.Activity; import android.content.Conte

jquery 透明遮罩效果

首先談談最簡單的實現方式吧。準備兩個div,一個是幕布<div class="bg"></div>,另一個是要顯示在螢幕正中央的部件<div class="content"></div>,content 裡面要顯示什麼東東,就

Qt實現透明遮罩效果

本文索引 需求 原理 實現遮罩控制元件 遮罩的使用 需求 我們在顯示一些模態對話方塊的時候,往往需要將對話方塊的背景顏色調暗以達到突出當前對話方塊的效果,例如: 對話方塊的父視窗除了標題欄以外的部分都變暗了,在父視窗的對比下對話方塊的顯示效果就得

IOS實戰 (4) 之 仿微信新聞評論框+ 透明模糊效果

效果圖 網易新聞評論圖 仿圖 實現思路 1.鍵盤彈出事件 2.UIVisualEffectView作為背景圖 核心程式碼 1.鍵盤彈出事件監聽 新增通知監聽 [[NSNotificationCenter defaultCe

RGB簡述以及Android中設定透明透明效果

一、RGB   簡單說說RGB,RGB由Red、Green、Blue三種成分色組成,每種顏色由2位16進位制數表示。   如:紅色 FF0000 表示紅全有(最滿),綠沒有,藍沒有       綠色