文章详情页
html5 - 前端切一个透明背景的问题?
问题描述
项目中的所有弹出框都是这种形式,关闭弹窗那个按钮有一半是透明的.如果:
<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. python相关问题求解决,有偿2. javascript - input输入框触发change事件后,外部元素会被选中3. python - 用__call__ 实现装饰器功能4. javascript - vue2.0中router.repalce跟router.push有什么区别,二者的应用场景是会有怎样的区别?5. javascript - prismplayer播放器全屏问题6. javascript - 在sublime中如何给.vue文件注释?7. python - 请问用cxfreeze打包的可执行程序能反编译出源码么?8. HTML5怎么访问本地文件?9. javascript - 这种上传图片预览怎么做?10. javascript - 把字符串日期转换成一般时间格式后,发现小于10的数字不会自动添加0在前面,如下
排行榜