文章詳情頁
html5 - 前端切一個(gè)透明背景的問題?
瀏覽:248日期:2023-01-29 17:06:05
問題描述
項(xiàng)目中的所有彈出框都是這種形式,關(guān)閉彈窗那個(gè)按鈕有一半是透明的.如果:
<p class='d1'> <a class='delete'></a> ...</p>.d1{background:#fff;position:relative;}a.delete{background:url(...);position:absolute;top:0;right:0;}
這樣的話d1的白色背景會(huì)擋住.delete的透明背景,如果切一整個(gè)彈出框的話,但是每個(gè)彈出框的高度有不同,好尷尬的問題?
問題解答
回答1:偽類簡單寫的一個(gè)示例。。其實(shí)用PNG比較簡單https://jsfiddle.net/yktmb251/
回答2:如果你考慮用,下面這一條切出來呢?
如下圖劃分為三塊。塊1是個(gè)白色但是left:-20px;也就是縮回去一塊。外面的盒子要有overflow;
標(biāo)簽:
Html5
相關(guān)文章:
1. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?2. docker-compose中volumes的問題3. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗!4. docker-machine添加一個(gè)已有的docker主機(jī)問題5. golang - 用IDE看docker源碼時(shí)的小問題6. docker不顯示端口映射呢?7. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件8. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””9. docker內(nèi)創(chuàng)建jenkins訪問另一個(gè)容器下的服務(wù)器問題10. mac里的docker如何命令行開啟呢?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備