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