站長資訊網
        最全最豐富的資訊網站

        css怎樣設置背景透明

        css設置背景透明的方法:首先新建文件,在div寫上對應的樣式;然后為div添加opacity樣式,透明效果實現了,父div的背景圖可以投射出來。

        css怎樣設置背景透明

        本教程操作環境:windows7系統、css3版,DELL G3電腦。

        css設置透明背景的方法:

        1、先寫些測試代碼,測試HTML很簡單,就是二個div,一個嵌套在另一個里面,代碼如圖。

        css怎樣設置背景透明

        2、然后為二個div寫上對應的樣式,如圖,都是一些比較基礎的css代碼,為了顯示透明效果,我們在樣式為p1的div里,添加了一張背景圖。

        css怎樣設置背景透明

        3、先看下還沒添加透明效果的頁面。

        css怎樣設置背景透明

        4、要添加透明效果,我們可以為div添加opacity樣式,這是css2的做法,代碼如圖,添加了一個樣式規則.opacity,并在p2 div里加上這個樣式名

        css怎樣設置背景透明

        5、看下設置了透明效果的頁面。

        透明效果是實現了,父div的背景圖可以投射出來。但有一個缺陷,就是div上的文字變模糊了,因為也有了透明效果。

        css怎樣設置背景透明

        相關學習推薦:css教程

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 国产精品麻豆VA在线播放| 亚洲国产精品人人做人人爱| 久久国产美女免费观看精品| 国内精品久久久久久久涩爱| 久久久久久国产精品免费无码| 91麻豆精品国产91久久久久久| 四虎影视国产精品永久在线 | 国产精品一二区| 亚洲国产精品激情在线观看| 99久久精品国产毛片| 国产欧美精品AAAAAA片| 四虎国产精品免费久久| 国产精品乱伦| 久久精品国产精品国产精品污 | 欧美精品久久久久久久自慰| 久久久精品国产亚洲成人满18免费网站 | 亚洲av永久无码精品网站| 久久99精品国产麻豆蜜芽| 秋霞午夜鲁丝片午夜精品久| 国产福利91精品一区二区| 99久久精品费精品国产一区二区 | 国产观看精品一区二区三区| 国产精品福利网站导航| 国产精品亚洲A∨天堂不卡| 精品国产一区二区三区久久久狼| 国产A√精品区二区三区四区| 青青草97国产精品免费观看| 国产精品麻豆入口| 97视频在线精品国自产拍| 欧美一区二区精品系列在线观看| 一本久久a久久精品亚洲| 日韩精品一区二区午夜成人版| 久久久精品一区二区三区| 国产第一福利精品导航| 99re8这里有精品热视频免费 | 国产精品亚洲专区无码WEB | 无码人妻精品中文字幕| 亚欧无码精品无码有性视频 | 久久精品人成免费| 四虎影视永久在线观看精品| 亚洲AV无码久久精品色欲|