国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

css3 可以實(shí)現(xiàn)背景虛化但是一塊不虛化的效果么

瀏覽:116日期:2023-08-02 09:13:27

問題描述

css3 可以實(shí)現(xiàn)背景虛化但是一塊不虛化的效果么

大概就是這個(gè)效果 其余的區(qū)域只是opacity不是100%而已 但是有一塊是原樣

這個(gè)不是在圖片上 而是頁(yè)面上處理

這個(gè)東西的用途就是在頁(yè)面上做一個(gè)新功能提示 比如網(wǎng)頁(yè)上多出一個(gè)新功能 為了讓用戶注意到 可能在頁(yè)面加載進(jìn)來的時(shí)候 我用一個(gè)黑色帶透明的遮罩層把其余的位置全蓋住 但是只把我要強(qiáng)調(diào)的地方露出來

一個(gè)實(shí)現(xiàn)方式我想到的是把那個(gè)地方做成圖片扔到遮罩層上面 但是不可能每次都做圖片啊

問題解答

回答1:

var c = document.createElement(’canvas’), w = window.innerWidth, h = window.innerHeight; document.body.appendChild(c); c.style.position = ’absolute’; c.style.zIndex = 999; c.style.top = 0; c.style.left = 0; c.style.width = w + ’px’; c.width = w; c.style.height = h + ’px’; c.height = h; c = c.getContext(’2d’); c.fillStyle = ’rgba(0,0,0,0.5)’; c.fillRect(0, 0, w, h); c.clearRect(w / 2 - 50, h / 2 - 50, 100, 100);

可以考慮用canvas繪圖,比如像這樣,在指定的位置挖個(gè)小框。

回答2:

p{width:100px;height:100px;border:500px solid rgba(255,255,255,0.5);;background-color:transparent;}

OK嗎?

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 亚洲三级在线观看 | 国产1000部成人免费视频 | 一区二区三区网站在线免费线观看 | 国产精品路边足疗店按摩 | 在线免费黄网 | 亚洲三级在线视频 | 亚洲第一成人在线 | 免费91最新地址永久入口 | 国产日韩精品欧美一区 | 综合亚洲欧美日韩一区二区 | 亚洲一区二区三区香蕉 | 日韩色视频一区二区三区亚洲 | 99国产精品高清一区二区二区 | 亚洲一一在线 | 免费亚洲网站 | 久久免费香蕉视频 | 国产黄a三级三级三级 | 国产系列在线观看 | 国产亚洲欧美另类久久久 | 国产美女白丝袜精品_a不卡 | 国产片一级 | 456主播喷水在线观看 | xx69欧美| 欧美成人免费公开播放 | 色偷偷成人网免费视频男人的天堂 | 成年片免费网址网站 | 亚洲情a成黄在线观看 | 亚洲夜色 | 国产v综合v亚洲欧美大另类 | 亚洲精品欧美精品国产精品 | 成人a一级毛片免费看 | 在线视频三区 | 久久精品国产亚洲7777小说 | 色吊丝在线观看国产 | 香蕉久久综合精品首页 | 久久99国产亚洲高清观看韩国 | 欧美另类自拍 | 在线看片一区 | 丰满寡妇一级毛片 | 久久国产精品免费视频 | 成人毛片免费看 |