Q
只溢出某些元素
0
A
回答
1
YOu可以重叠/隐藏某些具有伪元素的元素,请参阅此示例。
HTML
<div class="red">
<div class="blue"></div>
<div class="green"></div>
</div>
CSS
* {
box-sizing: border-box;
}
.red {
position: relative;
border: 3px solid red;
width: 300px;
height: 300px;
}
.red:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 70px;
background: rgb(243, 245, 246);
bottom: -70px;
z-index: -1;
}
.blue,.green {
position: absolute;
width: 70px;
height: 70px;
bottom: -40px;
}
.blue {
background-color: blue;
z-index: 1;
left: 40px;
}
.green {
background-color: green;
z-index: -1;
right: 40px;
}
这里是fiddle
相关问题
- 1. 设置溢出:隐藏只有某些元素
- 2. 如何设置溢出隐藏,但不影响某些元素
- 3. 为什么safari在某些元素上水平溢出文本?
- 4. 只忽略某些div内的元素
- 5. Django CSS只适用于某些元素
- 6. VW元素溢出
- 7. CSS选择器后,只有在某些元素2个元素
- 8. 硒 - 阻止某些元素出现
- 9. 溢出隐藏元素
- 10. 列溢出主div元素
- 11. 固定元素溢出
- 12. 旋转元素溢出
- 13. 表溢出父元素
- 14. ScrollLeft元素溢出:隐藏
- 15. 一些孩子的元素仍然溢出父区div与溢出-x:滚动
- 16. 访问某些JSON元素
- 17. 选择与某些元素
- 18. LINQ到某些元素
- 19. 卸下某些元素(MATLAB)
- 20. 某些元素的旋转
- 21. xsl:number - 排除某些元素
- 22. 溢出与X元素一个节点到X节点与这些元素
- 23. 如何让一个元素溢出:当父元素溢出时为auto:隐藏?
- 24. 获取元素的jQuery的指标 - 只包括某些类型的元素
- 25. JScrollPane没有出现,元素溢出
- 26. 在某些地图元素下出现JQuery弹出窗口
- 27. 强制控件只包含某些元素,比如ContentTemplate
- 28. 带有HtmlTag装饰器的Zend_Form只在某些元素上
- 29. JavaScript,允许用户只关注某些页面元素?
- 30. 只去除<a>标签内的某些元素?
这个问题在之前这里问:http://stackoverflow.com/questions/5367060/setting-overflowhidden-only对于某些元素 - 有一个阅读,那里的答案仍然相关。这里是他们使用的小提琴:http://jsfiddle.net/sEX3n/4/ – Frits
实际上并不完全。我确实需要html结构保持几乎相同,或者至少保留不应该隐藏在“overflow:hidden”元素中的元素。 – GMchris