IE6bug及tab列表的切换_html/css_WEB-ITnose-html教程-PHP中文网

IE6bug及tab列表的切换_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 12:19:58

原创

1400人浏览过

ie6bug

怎样才能让ie6的效果与其他的效果一样呢？麻烦各位帮忙解答解答，万分感谢！

ie7+及FF的效果

IE6的效果

我的源代码
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

无标题文档

<script></script>
<script> <br /> $(function(){ <br /> $("div").not(".box").hide(); <br /> $(".tab li").mouseover(function(){ <br /> var sty=$(this).attr("class"); <br /> $(this).addClass("current").siblings().removeClass("current"); <br /> $("div:not('.box')").hide();$("div#"+sty+"_1").show(); <br /> }).eq(2).trigger("mouseover"); <br /> }); <br /> </script>

常用网址

资讯类

购物类

娱乐

jisdfjalsfjkdsf

j23345566666666

LSJFDKSFJSAKDLFKSDFLFSAFADSF

乱收费的监控萨附近奥斯卡的房间

回复讨论(解决方案)

为什么我FF的效果跟你的IE6下的一样啊

那你的IE8呢？不会你所有的浏览器测试出来的效果都是跟IE6一样的吧！

那你的IE8呢？不会你所有的浏览器测试出来的效果都是跟IE6一样的吧！
哈
最近一直在整js
忘了jq还要引入文件
哈哈
不好意思
我在调

源代码中的css列表需要换一下，我记得我改了呀，怎么传上去的是这个呀

请点击阅读： tabs选项卡切换效果（jquery版）。

终于让我给解决了
换掉你的css就哦了

请点击阅读：tabs选项卡切换效果（jquery版）。
谢谢五楼提供的链接，真的帮助很大，但我有个地方不理解：

中的.tabs_menu .selected{background:white;border-bottom:1px solid white;position:relative;}中为什么添加position:relative;就会出现想要的效果呢？

引用 5 楼 athrunzero 的回复:请点击阅读：tabs选项卡切换效果（jquery版）。
谢谢五楼提供的链接，真的帮助很大，但我有个地方不理解：

中的.tabs_menu .selected{background:white;border-bottom:1px solid white;position:relative;}中为什么添加position:r……
加上 position:relative; 是为了解决 ie6 的问题，触发 ie6 下的 haslayout。

加上 position:relative; 是为了解决 ie6 的问题，触发 ie6 下的 haslayout。
额，应该不是触发 haslayout。具体原因我也不清楚，只知道不加 position:relative; 在 ie6 下覆盖不了下划线。

谢谢各位朋友的解答