在本教程的帮助下,我有带有 jquery 淡入效果的 css 选项卡。我希望 css 看起来像这样 http://img.ctrlv.in.s3.amazonaws.com/img/518e3d3e07928.jpg
到目前为止,这是我到达的地方。但是,一旦单击选项卡,选项卡的边框就会消失,我尝试应用 border-top:solid 1px #ddd;
,但它的行为好像没有这样的代码。谁能帮助我。
你的问题在这里:
#tabs #current a{
background:#f8f8f8;
height:60px;
position:relative;
top:-4px;
padding-top:4px;
border-left-width:1px;
color:#111;
-webkit-border-radius:3px 3px 3px 3px;
-moz-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
margin:0 0 0 -1px;
z-index:46;
border:solid 1px #ddd;}
首先,确保您的边框:属性具有样式、粗细和颜色。你的css中的一些边框没有;t。
其次,您的问题是您使用 #tabs #current a 作为选择器。我认为您的意思是使用#tabs #current li。
顶部的“按钮”或“选项卡”的容器是 li 元素。您在 li 元素内有一个链接,但为其添加边框无济于事,因为您实际上是在选项卡内添加边框。
当标签处于“未激活”状态时,标签 li 会影响标签。tabs current li 会影响当前焦点所在的那个。
如果您想将文本装饰/样式添加到焦点链接(在这种情况下为选项卡中的文本),您将使用#tabs #current a。此开关解决了您的边界问题,但我不确定它是否可以帮助您实现项目的最终目标。除了内容的变化,用户现在无法确定活动选项卡。
干杯!