你的是什么浏览器，我没有发现不兼容呀！！！
成都网站建设哪家好，找创新互联公司！专注于网页设计、成都网站建设、微信开发、小程序制作、集团成都定制网站等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：成都混凝土搅拌罐车等众多领域，积累了大量丰富的经验，同时也获得了客户的一致赞许！
这个例子用到的都是通用标记嘛！！！
==========================================
CSS做选项卡，简单地讲就是，先定义，再引用。
你也可以照着你说的这个例子自己做做看，这个没有多少难度。
=======================================================
PS：对“兼容”不是这么理解的，这个例子中的CSS定义模块，十分明确各个模块的功能和用途，而最终的效果是引用这些模块来实现的，你随便去删“模块”，肯定出问题嘛。就像JS你随便删语句不能运行一样，但这不是“兼容”问题！！
给所有的选项卡添加style ： display：none；
然后写一个class： .on{display: block;}
将这个class给第一个选项卡。
用js或者jQuery写：当鼠标移动到选项卡上方时，给该选项卡添加class（.on）：addClass("on")，鼠标离开时移出class（.on）:removeClass("on");
授之于鱼 不如.....呵呵 上面的给你了代码 我来给你说下思路吧。这里最重要的是 css里的 display:none 这个的使用，当鼠标点中一个选项卡时，将自身的css中的display:none去掉 让其显示出来，让其他的选项卡中的css中添加display:none， 隐藏其他的选项卡。其实就是这个简单 ，具体的实现方法就是用js实现的。实现的方法有多种，上面给你的只是其中的一种。你可以去网上多搜些这方面的源代码，多多学习，希望你能编写出属于自己的代码~
