Question

选项卡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;}
鼠标移动到 选项卡上面才会显示下面的内容 鼠标离开后就都是空白的。 现在我想要的是 第一个是默认显示的 移动到里外一个之后隐藏 加什么属性？ 真心求解。。

Answer 1

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

追问

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

Answer 2

我的为什么不行？？？求告知
老哥在吗 解答一下，谢谢了

Answer 3

在#t1 div 里加个行样式 style="display:block;" 这个不就默认第一个了吗？

追问

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

Answer 4

我自己想了半小时自己想出来的一个笨方法。首先目前我只学了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必须要有背景色。