为了账号安全,请及时绑定邮箱和手机立即绑定

页面选项卡布局 使用css方式承担逻辑,但会有一些问题

页面选项卡布局 使用css方式承担逻辑,但会有一些问题

繁花如伊 2018-10-09 13:57:37
昨天做一个简单的选项卡样式,自己突发奇想,用css做了一个但遇到了一些问题,先说一下我实现的方法,如下:把选项卡内容放到选项标签下,使用绝对定位并结合选中样式_active来实现样式和显示隐藏的逻辑,这样就不用js处理了;(z-index有点多余了,手欠加上了.....)现在的问题想必大家都已经知道了,选项卡内容不占据页面空间.....我这是不是作死,请大家给出好的解决方法,或者指点一下,感觉这些逻辑用css承担一些很好,但是如何避免盒子撑不起来呢?
查看完整描述

1 回答

?
绝地无双

TA贡献1946条经验 获得超4个赞

并结合选中样式_active来实现样式和显示隐藏的逻辑,这样就不用js处理了;

没明白楼主这是什么意思,_active是选中时添加的class? 添加这个class不还是用的JS么?

纯CSS做选项卡用的是:target伪类


查看完整回答
反对 回复 2018-11-03
  • 1 回答
  • 0 关注
  • 500 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号