文章詳情頁
html5 - 前端切一個(gè)透明背景的問題?
瀏覽:235日期: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的白色背景會擋住.delete的透明背景,如果切一整個(gè)彈出框的話,但是每個(gè)彈出框的高度有不同,好尷尬的問題?
問題解答
回答1:偽類簡單寫的一個(gè)示例。。其實(shí)用PNG比較簡單https://jsfiddle.net/yktmb251/
回答2:如果你考慮用,下面這一條切出來呢?
如下圖劃分為三塊。塊1是個(gè)白色但是left:-20px;也就是縮回去一塊。外面的盒子要有overflow;
標(biāo)簽:
Html5
相關(guān)文章:
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. docker-compose中volumes的問題3. boot2docker無法啟動4. nignx - docker內(nèi)nginx 80端口被占用5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. dockerfile - 為什么docker容器啟動不了?7. docker容器呢SSH為什么連不通呢?8. node.js - antdesign怎么集合react-redux對input控件進(jìn)行初始化賦值9. java - SSH框架中寫分頁時(shí)service層中不能注入分頁類10. 關(guān)于docker下的nginx壓力測試
排行榜

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