文章詳情頁
html5 - 前端切一個透明背景的問題?
瀏覽:250日期:2023-01-29 17:06:05
問題描述
項目中的所有彈出框都是這種形式,關閉彈窗那個按鈕有一半是透明的.如果:
<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的透明背景,如果切一整個彈出框的話,但是每個彈出框的高度有不同,好尷尬的問題?
問題解答
回答1:偽類簡單寫的一個示例。。其實用PNG比較簡單https://jsfiddle.net/yktmb251/
回答2:如果你考慮用,下面這一條切出來呢?
如下圖劃分為三塊。塊1是個白色但是left:-20px;也就是縮回去一塊。外面的盒子要有overflow;
標簽:
Html5
相關文章:
1. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. javascript - nodejs關于進程間發送句柄的一點疑問4. javascript - 移動端上不能實現拖拽布局嗎?5. 實現bing搜索工具urlAPI提交6. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?7. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~8. phpstudy8.1支持win11系統嗎?9. 配置Apache時,添加對PHP的支持時語法錯誤10. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化
排行榜

網公網安備