删除顶部边框
答
您可以创建另一个div来占据空间的“必须”选项卡的右侧。将此div的底部边框设置为“1px纯红色”。然后,从新闻框中删除边框顶部,并从标签本身中删除边框底部。
答
您的活动选项卡的内容框高出position:relative
和z-index
。然后添加border-bottom: 1px solid white
并给它margin-bottom: -1px
。
答
从当前项目:http://jsfiddle.net/aVZLH/1/
也许你对IE一些额外的工作。但基本的它应该告诉你一种方法来解决你的问题...没有additioanl标记在你的文件。
<ul>
<li class="current">Tab #1</li>
<li>Tab #2</li>
</ul>
<div class="content">
<p>MY AWESOME CONTENT</p>
</div>
/*CSS*/
ul {
overflow: hidden;
position: relative;
top: 1px;
z-index: 2;
}
li {
color:#fff;
background:red;
float:left;
border:1px solid red;
padding:5px 10px;
position:relative;
top:1px;
}
.current {
background: #FFFFFF;
border-bottom: 0;
color: red;
}
.content {
padding:20px;
border:1px solid red;
position:relative;
z-index:1;
}
您应该发布您的代码,因为它很难在没有看到您的HTML/CSS结构的情况下提供帮助。 – Kyle 2011-02-01 13:21:40
你需要显示你当前的HTML和CSS。 – thirtydot 2011-02-01 13:22:15