国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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)文章:
主站蜘蛛池模板: 日韩国产欧美在线观看一区二区 | 日韩成人在线视频 | 亚洲精品一区二区三区五区 | 九九99久久| 97超视频在线观看 | 毛片免费永久不卡视频观看 | 亚洲人成影院在线高清 | 国产成人免费观看在线视频 | 亚洲精品成人a在线观看 | 国产精选莉莉私人影院 | www.久久在线 | 日本人在线看片 | 亚洲国产一区二区三区四区 | 亚洲3p| 国产亚洲欧洲一区二区三区 | 日本三级成人中文字幕乱码 | 日本高清专区一区二无线 | 美女视频网站免费播放视 | 美国一级特a黄 | 一级爱爱片一级毛片-一毛 一级爱做片免费观看久久 一级白嫩美女毛片免费 | 国产日韩在线视频 | 午夜三级成人三级 | 久久成人国产精品 | 视频一区视频二区在线观看 | 亚洲在线偷拍自拍 | 成人精品一区二区三区中文字幕 | 美女被靠视频免费网站不需要会员 | 国产欧美一区二区精品性色 | 人碰人碰人成人免费视频 | 久久久免费精品视频 | 久久香蕉国产线看观看精品yw | 亚州视频一区二区 | 欧美一级毛片aaaaa | 久久久久久久久免费影院 | 精品国产成人三级在线观看 | 中文字幕日韩国产 | 免费在线精品视频 | 亚洲精品一区二区三区中文字幕 | 91精品国产综合久久久久 | 久久se精品一区二区国产 | 日本一区三区二区三区四区 |