如图,白色背景框为父元素,自动设置了overflow:hidden (某滚动条插件影响)。 其中有一个上传控件,左边的黑块是此控件的伪元素,这个伪元素是根据这个控件来定位的。但是它会被父元素自动地截断了。请问是否能使其不受overflow影响?
做出类似下面的
简单做了个类似的,大家帮忙看看https://jsfiddle.net/zmL145ks/
人生最曼妙的风景,竟是内心的淡定与从容!
不能的,overflow 生成了一个bfc,其层叠顺序的权重较高,position的absolute的权重不如它高。
absolute绝对定位元素,如果含有overflow不为visible的父级元素,同时,该父级元素以及到该绝对定位元素之间任何嵌套元素都没有position为非static属性的声明,则overflow对该absolute元素不起作用。
给你两篇资料参考一下http://www.zhangxinxu.com/wor...http://www.zhangxinxu.com/wor...
更新
transform + overflow + fixed定位进行了实现。https://jsfiddle.net/vpgL5535/4/
把overflow 干掉后的position 定位https://jsfiddle.net/vpgL5535/3/
。。。你把overflow:hidden去了。要不然就别让他在这个父元素里面。。用absolute绝对定位
可以通过设置 position属性处理,
http://www.zhangxinxu.com/stu...
如果你不能手动覆盖父元素的overflow:hidden的属性的话,你可以试试让那个伪类相对于白色背景框的父元素绝对定位吧
不能的,overflow 生成了一个bfc,其层叠顺序的权重较高,position的absolute的权重不如它高。
给你两篇资料参考一下
http://www.zhangxinxu.com/wor...
http://www.zhangxinxu.com/wor...
更新
transform + overflow + fixed定位进行了实现。
https://jsfiddle.net/vpgL5535/4/
把overflow 干掉后的position 定位
https://jsfiddle.net/vpgL5535/3/
。。。你把overflow:hidden去了。要不然就别让他在这个父元素里面。。用absolute绝对定位
可以通过设置 position属性处理,
http://www.zhangxinxu.com/stu...
如果你不能手动覆盖父元素的overflow:hidden的属性的话,你可以试试让那个伪类相对于白色背景框的父元素绝对定位吧