css實現半透明效果基本原理

2022-09-25 01:42:07 字數 670 閱讀 2326

半透明設定雖然簡單,但是它的應用確實屢見不鮮,而且一旦用在了恰當的地方,會給網頁增色不少,所以我單獨將它拿出來做了一篇單獨的介紹:

1、實現效果/應用舉例

京東**中

蘑菇街中

等等很多頁面中都存在半透明效果的模組,現在我們來看一下它的基本原理

2、**實現

這個**實現如果之前你沒有看過,到了這裡看完你一定會大喊oh,****!!相信我,你無法想象它的簡單

html**中

複製**

**如下:

程式設計客棧ackground: url('img/2.jpg');">

程式設計客棧t;這個能不能實現透明

接下來就是實現的關鍵了,準備高呼吧,吶喊吧,

css中增加樣式實現半透明

複製**

**如下:

#top

試試看效果啊,是不是成功了,這裡來簡單解釋下上面兩句樣式,兩句其實意思是一樣的,但是由於瀏覽器不同,考慮相容性就將其全部寫上了,後乙個主要是針對ie瀏覽器應用的濾鏡。

3、其他約束

文字的不透明,只要重新設定p即可

是不是有點瞬間崩潰的感覺,原來這麼簡單,差點就www.cppcns.com錯過了,不過亡羊補牢,善莫大焉

本文標題: css實現半透明效果基本原理

本文位址:

Unity Shader 實現半透明效果

想要實現如下效果 主角可以遮擋背景,背景遮擋主角時候半透明混合 研究了一周,shader知識了解從無到稍稍入門,終於解決了,記錄一下實現方案。使用blend one oneminussrcalpha指令,也就是srccolor dstcolor 1 srcalpha 假設a和b重疊,先渲染a,然後渲...

mysql的基本原理 Mysql 基本原理

mysql 基本原理 mysql是一種關聯式資料庫管理系統,關聯式資料庫將資料儲存在不同的表中,而不是將所有資料放在乙個大倉庫內,這樣就增加了速度並提高了靈活性 ysql是資料庫登入命令 uroot預設超級使用者登入 p 預設沒密碼 中寫密碼 mysqladmin uroot password 12...

osg中實現半透明效果

在為球貼圖的基礎上,實現模擬地球的透明展示。是先前效果如下 實現後效果如下 實現 如下,主要是在狀態集中進行設定 osg ref ptrblendfunc new osg blendfunc blendfunc setsource osg blendfunc src alpha blendfunc ...