选项卡css怎样控制默认显示第一个?

选项卡 比如说是三栏 我写的 如下
#mm {position:relative;width:982px;margin:auto;height:199px;background:url(images/a1_03.jpg) no-repeat;}
#d1,#d2,#d3 {width:223px;height:65px}
#d1 a,#d2 a,#d3 a {width:193px;height:65px;display:block;}
#t1,#t2,#t3 { border:1px solid #CCC; margin-left:223px; width:741px; height:199px;}
div table {width:741;height:199px;visibility:hidden;position:absolute;top:0px;left:0px}
#d1:hover #t1,.a1:hover #t1,#d2:hover #t2,.a2:hover #t2,#d3:hover #t3,.a3:hover #t3 {visibility:visible}
#t1,#t2,#t3 {background:#fff;}
鼠标移动到 选项卡上面才会显示下面的内容 鼠标离开后就都是空白的。 现在我想要的是 第一个是默认显示的 移动到里外一个之后隐藏 加什么属性? 真心求解。。

给所有的选项卡添加style : display:none;
然后写一个class: .on{display: block;}
将这个class给第一个选项卡。
用js或者jQuery写:当鼠标移动到选项卡上方时,给该选项卡添加class(.on):addClass("on"),鼠标离开时移出class(.on):removeClass("on");追问

谢谢! 已经解决 给第一个选项卡加了一个class 定义 visibility:visible 就出来了。。

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-12-22
我的为什么不行???求告知
老哥在吗 解答一下,谢谢了
第2个回答  2014-08-11
在#t1 div 里加个行样式 style="display:block;" 这个不就默认第一个了吗?追问

不行的 那这个出不来 刚已解决 第一个选项卡 定义CLASS 然后加 visibility:visible 就出来了。。

第3个回答  2022-07-31
我自己想了半小时自己想出来的一个笨方法。首先目前我只学了html5、css3.
我有两个div,都有position absolute;没有display: none;属性。
我想让第一个div默认显示,其他div只在点击对应选项卡时显示:
第一个div:z-index:2;background-color: #fff;
第二个div:z-index:1;background-color: #fff;
当鼠标经过第二个div时,第二个div:z-index:3;background-color: #fff;
这个方法缺点是div必须要有背景色。

选项卡css怎样控制默认显示第一个?
给所有的选项卡添加style : display:none;然后写一个class: .on{display: block;} 将这个class给第一个选项卡。用js或者jQuery写:当鼠标移动到选项卡上方时,给该选项卡添加class(.on):addClass("on"),鼠标离开时移出class(.on):removeClass("on");...

在窗体设计中,如何把默认选项卡两页选项卡调整为上下排版,而不是默认的...
如果你是完全用html做窗体设计,在style里面改。否则在css里面改。如果是flex布局,css里加display-direction:column,就是主轴改成列,调整为上下排版。这个默认是row,左右排版。你最好贴个代码上来。如果是css的话,选项卡用的应该是同一个css,你改一个就应该能调整两页的了。如果是block布局,你试...

我把Dreamweaver中选项卡式面板的CSS代码都删了,新建一个也没有了怎么...
这个问题是有歧义的,如果是说DW的默认布局问题话可以在首选项里面回复默认即可。如果是网页的CSS问题就只有重新加载原来的问题或者下载时的文件了、

高手解决下javascript问题-为什么选项卡切换后第一栏内容继续显示
\/\/我的思路是这样的的在每个Content3之前再增加一个div。通过这个div然后获得其子元素,然后操作子元素就可以了 ,代码你看下就明白了 <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd"> .nTab{ float: le...

element中选项卡怎么靠右显示?
1.css设置 .mui-bar-tab .mui-tab-item { text-align: right;} 2.放一个空到a占位置 设置

Spry选项卡式面板如何在URL中传值显示选项卡1或选项卡2
1. 在定义Tab选项卡时就将默认选项卡按URL给定值赋值 2. 在Tab选项卡已经初始化之后,再将当前选项卡切换到URL给定值 解决问题的方法是 1. 针对第一种思路, 这样只要增加defaultTab选项即可 2. 针对第二种思路, 需要调用Spry选项卡的showPanel方法 另外,为了解析URL,这里调用了一个Spry的URL工具(...

asp.net中怎样实现多个打开的窗体像选项卡一样排列
<!-选项卡内容部分--> 说明:以只有两个选项卡为例, 'sxk1','sxk2' 设置CSS显示样式(横排,一个加亮等),以达到当前显示和不在当前显示不同样子(效果),当点击一个选项卡时,用触发JS控制'sxkcont1'、'sxkcont2'的显示与隐藏,如点'sxk1'时'sxkcont1'可见,'sxkcont2'不可见,反之...

怎么让css选项卡边框的某一边少一部分
上下边框都少了一块,可以把上面块的底边框border-bottom设置成河北京颜色一样的边框色,给一个相对定位,遮住下面的一部分边框

请问在css此TAB选项卡导航代码里,在其内容里所放的图片文字太多,想在...
你的意思是 在切换的内容那个框里面 的内容太多 想做个第二页? 这样的话你可以还是利用切换的原理在里面再套一个切换 只是把导航的名字换成 第一页 第二页 这样。而如果做成 像网站链接一样翻页的话……就是 框架那样 页数 但是 显示的内容还是在 那个切换的框里面。

用JS实现的tab选项卡。在页面中用过一次,怎么在第二个层用呢。 CSS代...
要用两遍的话,在复制一遍改改id和class,css改成对应的就行了

相似回答