如何隐藏覆盖的div边框？如果两个div覆盖，则仅从覆盖区域中删除边框
我有两个div互相覆盖。我只想从覆盖区域删除边框。请看下面的示例代码
<div style="width:100px; height:20px; background-color:#5475b1;border: 2px solid;"></div>
<div style="width:150px; height:200px; background-color: #5475b1;border: 2px solid;"></div>
此代码将输出为：
但我希望输出为：
我怎样才能做到这一点呢？请帮帮忙。
注意：我正在使用下拉菜单。第一个div实际上用于菜单名称，第二个div用于菜单列表。
共有2个答案
检查此代码：
null
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#divTop {
height:20px;
width:100px;
background: #5475b1;
border: solid black;
border-width: 2px 2px 0;
position: relative;
transform: translateY(3px);
}
#divBottom {
height:200px;
width:150px;
background: #5475b1;
clear: both;
border: 2px solid black;
}
</style>
</head>
<body>
<div id ="divTop" ></div>
<div id ="divBottom" ></div>
</body>
</html>
这有几种方法。但基本机械师是相似的。一种方法是：
- 制表符元素底部没有边框。
- 菜单元素在制表符元素下向上滑动，边框越粗越高。
请参阅（快速和肮脏的）代码注释示例：
null
nav div {
background-color: yellow;
padding: 20px;
}
.tab {
position: relative;
width: 100px;
margin-left: 50px;
text-align: center;
/* no border bottom */
border-top: 4px solid red;
border-right: 4px solid red;
border-left: 4px solid red;
/* tab to foreground*/
z-index: 10;
}
.menu {
width: 300px;
/* border all arround */
border: 4px solid red;
/* element in background */
z-index: 9;
/* move menu up = slid under tab */
position: relative;
top: -4px;
}html prettyprint-override"><nav>
<div class="tab">Menutab</div>
<div class="menu">
Menuitem<br>
Menuitem<br>
Menuitem<br>
Menuitem<br>
Menuitem<br>
...
</div>
</nav>-
问题内容： 在将一个人叠加到另一个人上时，我需要帮助。 我的代码如下所示： 不幸的是，我不能将或嵌套在第一个内部。 如图所示，它必须是两个单独的，但是我需要知道如何将放置在上方和最右侧，并以的顶部为中心。 问题答案： 我建议使用来了解和子元素。
-
我正试图通过隐藏png来显示后面的gif来播放悬停上的gif。我可以在悬停状态下播放gif，问题是它不在div的中心。我在这里试过：
-
问题内容： 我正在尝试Backbone.js，而我正在尝试的事情之一就是调用远程API，因此，据我了解的文档资料，我需要能够覆盖Backbone.sync 。 在文档本身中没有如何执行此操作的示例，并且似乎没有用于Backbone的google组…有人可以指出执行此操作的示例吗？ 问题答案： 看看这个带注释的源示例，在该示例中，它们被本地存储替代项覆盖 基本上，Backbone.sync应该是一个
-
问题内容： 我正在尝试从open jdk更改某些类，所以我正在创建与open jdk类相同的包结构，并且正在使用netbeans更改类。当我在构建项目时，如果覆盖类中出现问题，我会收到错误消息。如果成功构建了我的项目，则应用程序似乎不考虑我对类的更改，而是使用打开的jdk类。知道我该如何使用我的类而不是openjdk的类？ 例： 如果我在项目中创建类 _sun.net.www.protocol.h
-
我正在Spring框架中使用FormHttpMessageConverter。为了通过restTemplate发送文件，我在项目中添加了FormHttpMessageConverter。 https://github.com/spring-projects/spring-framework/blob/5f4d1a4628513ab34098fa3f92ba03aa20fc4204/spring-w
-
我想以某种方式使用Jacoco，这样它就排除了。为了实现这一点，我加入了