opacity透明在網頁製作中使用會很多,為了增加好看的效果,透明的樣式肯定是必不可少的。 記得之前做一個網頁,其中一個塊給了個30的高,背景半透明的黑色,上面有一排導航,導航字體的顏色也就成了灰黑色,本來是想做成白色字體,怎麼改都不行,以為是字體的ul層在背景塊的下麵,想用z-index把字體的層 ...
opacity透明在網頁製作中使用會很多,為了增加好看的效果,透明的樣式肯定是必不可少的。
記得之前做一個網頁,其中一個塊給了個30的高,背景半透明的黑色,上面有一排導航,導航字體的顏色也就成了灰黑色,本來是想做成白色字體,怎麼改都不行,以為是字體的ul層在背景塊的下麵,想用z-index把字體的層高提高,但是沒用。
那時候還不知道opactiy它的應用或者說是代碼書寫格式分為兩種,一種是用opacity取值0-1之間;想要內容顯示在透明背景的上面,不同背景一起變透明,就需要直接使用rgba(0,0,0,0)後面的小括弧裡面跟四個值,前三個是顏色的對應值,最後一個是背景的透明度值,這樣就可以了。