利用CSS,設置半透明背景
在做頁面開發時,有時為了有更好的顯示效果,我們需要為一些元素設置半透明背景。下面我們來看下怎樣利用CSS3,來設置更好的半透明效果。
操作方法
(01)先寫些測試代碼,測試HTML很簡單,就是二個div,一個嵌套在另一個裏面,代碼如圖。
(02)然後為二個div寫上對應的樣式,如圖,都是一些比較基礎的css代碼,為了顯示透明效果,我們在樣式為p1的div裏,添加了一張背景圖。
(03)先看下還沒添加透明效果的頁面。
(04)要添加透明效果,我們可以為div添加opacity樣式,這是css2的做法,代碼如圖,添加了一個樣式規則ity,並在p2 div里加上這個樣式名
(05)看下設置了透明效果的頁面。透明效果是實現了,父div的背景圖可以投射出來。但有一個缺陷,就是div上的文字變模糊了,因為也有了透明效果。
(06)為了解決這個缺陷,我們用另一種方法,用css3的方法來實現透明。代碼如圖,主要是通過rgba來設置p2 div的背景色,然後通過第四個參數來設置透明度:background: rgba(138, 197, 0, 0.6);(需要先去掉原來p2樣式裏的背景色代碼)
(07)再看下現在的效果。可以看到現在有實現了透明效果,且文字還是清晰,並沒有變模糊。
-
遊戲工作室需要知道什麼
想開遊戲工作室的同學越來越多了,這裏歸納一下游戲工作室需要懂得知識操作方法(01)電腦配置,是一既簡單又複雜的問題。配置電腦看起來容易,但是運行起來是否兼容、性能是否可以完全發揮那就複雜了額。(02)網絡組建,最好學會路由器交換機的使用,否則ip分配的時候很麻煩。...
-
怎樣邀請QQ好友一起玩QQ遊戲
相信很多朋友喜歡和朋友一起玩遊戲,當然包括在電腦上玩咯,玩玩小遊戲解解悶是很多朋友喜歡的,小編就喜歡和好友一起玩QQ遊戲,還可以作弊的,哈哈。不知道怎麼邀請QQ好友一起玩遊戲的小夥伴快來圍觀吧。操作方法(01)登陸QQ(02)確認好友當前是否是電腦在線,不是電腦在線玩不...
-
如何申訴qq號
QQ是我們生活中常用的聊天,溝通感情的方式。QQ密碼的丟失會給我們造成許多的困擾。因此申訴找回密碼,也是一個實用的技能。手機或者密保找回(01)找回QQ密碼,分為通過手機驗證找回、密保問題找回,以及申訴找回,這裏是申訴找回,因此前面的兩種方式簡單説一下。(02)通過QQ登...
-
怎樣使用qq空間中的共享相冊?
QQ空間個人中心裏的共享相冊主要用來與親密好友共存照片,通過它我們可以與好友進行互動,下面為您講解一下!1、進入QQ空間的個人中心,左側列表找到共享相冊,點擊進去;2、第一次進入“親友相冊”時,彈出新手引導浮層,依次點擊“下一步”,即可看見其他功能介紹頁;...