CSS中没有背景重叠的部分边框
Partial Border in CSS without background overlapping
我有两个带边框的div,如何只删除两个div接触的边框,如下图所示?但没有背景重叠,我的意思是这里的背景必须是透明的。这个问题听起来像CSS中的一个部分边框,但是!!而没有背景颜色重叠。而且它是液体尺寸,意味着不固定。
如果你的div
都是静态高度,你可以使用一个伪元素来伪造边界:
div {
border: 1px solid black;
}
#small {
border-right-width: 0;
height: 80px;
}
#big {
border-left-width: 0;
height: 200px;
position: relative;
}
#big:before {
content: ' ';
border-left: 1px solid black;
position: absolute;
height: 120px;
left: 0; top: 80px;
}
小提琴在这儿:http://jsfiddle.net/FrKZy/
您可能可以使用Javascript使其在动态高度下工作。
警告:这在IE7或更低版本中不起作用。
相关文章:
- 如果我在javascript中输入无效的电子邮件或空白,如何显示特定的文本框边框红色
- HighCharts长标题文本在某些元素上重叠
- 如何检测重叠元素下的单击
- jQuery动画-边框宽度和颜色
- 停止较大单词的重叠
- 查找带有边框的HTML5 Canvas(点击)事件的坐标
- FullCalendar:事件发生时阻止重叠.标题是一样的
- 边框颜色是't如果输入为空,则更改
- 在页脚处停止固定侧边栏-防止重叠
- HighCharts:3D柱形图在选择时更改边框颜色
- JS图表和html表格重叠
- Cordova AngularJS Ionic标签的内容在第一次加载时重叠
- 在mouseover上添加边框,在mouseout上删除边框
- 将多个重叠的透明图像保存为一个图像
- 在不更改边框颜色的情况下更改文本的颜色
- 重叠对象上的HTML画布事件
- 当静态元素与滚动上的固定元素位置重叠时进行检测
- 使用CSS将圆移动到边框顶部
- 调整UIWebview的大小'更改其字体大小时的边框
- CSS中没有背景重叠的部分边框