两个div相交，怎样把相交处的border去掉,该怎么解决
日期：2014-05-16 浏览次数：20407 次
两个div相交，怎样把相交处的border去掉
使其看起来像一个整体
------解决方案--------------------
css:
border-left:solid 0px red
------解决方案--------------------
使其看起来像一个整体
- HTML code
function showdiv()
{
document.getelementById("b").style.display='block';
document.getelementById("a").style.border="1px solid red";
//两个div相交，怎样把相交处的border去掉
就像京东网的[url=http://www.360buy.com/]http://www.360buy.com/[/url] 左边的菜单一样
}
<div id="a" onmouseover="showdiv()">
</div>
<div id="b">
</div>
------解决方案--------------------
css:
border-left:solid 0px red
------解决方案--------------------
- HTML code
<style>
.a { width:60px; height:40px; border:1px solid red; border-right:none; background:#eee; position:absolute; z-index:1; top:50px;}
.b { width:120px; height:120px; border:1px solid red; position:absolute; left:50px; top:10px; background:#eee; position:absolute; left:68px; top:10px;}
</style>
<div class="a"></div>
<div class="b"></div>
------解决方案--------------------
你的demo根本就跑不起来
------解决方案--------------------
你设置一个div的z-index属性大于另外一个不就行了
------解决方案--------------------
------解决方案--------------------
一个覆盖在另一个上面，
------解决方案--------------------
请问2楼的怎么在帖子里贴代码啊
------解决方案--------------------
- HTML code
<!DOCTYPE HTML>
<html>
<head>
<style type="text/css">
.wrap{
position:relative;
}
.left{
position:absolute; border:1px solid #C40000; border-right:0px; background:#FEF8EF; line-height:26px; width:100px; z-index:2;
}
.right{
position:absolute; left:100px; top:0px; border:1px solid #C40000; background:#FEF8EF;
width:200px; height:300px; z-index:1;
}
</style>
</head>
<body>
<div class="wrap">
<div class="left">left</div>
<div class="right">right</div>
</div>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
