IE6下CSS样式无效问题

这两天被一个CSS问题纠结了很久,代码很简单,就是写一个有收起功能的分隔栏:

[color=green]<div id="splitbar" class="expand" οnclick="foldMenu();"></div>[/color]

当收起的时候,splitbar的class="fold",CSS如下:

[color=brown]#splitbar.expand{
....
background-image:url(arrow.gif);
background-position:1px center;
background-repeat:no-repeat;
}
#splitbar.fold{
....
background-image:url(arrow.gif);
background-position:-10px center;
background-repeat:no-repeat;
}[/color]

可是不知为什么,用IE查看,当样式为fold时,样式一直加载不了(用IE插件看样式确实没起作用),而用FF等其他浏览器查看是好的。由于我用的是IE6,于是今天借同事电脑看了下,发现IE8下显示也没问题,基本确定是IE6的问题。

后来我把expand和fold的样式换了下位置,把fold放在前面,发现fold的样式加载进来了,expand却无效了,我考虑了一下,估计和样式前面加上元素ID做限制有关,可能是IE6下面,用ID做了限制后,先定义的样式会把后面的样式阻栏。于是我把"#splitbar"去掉,问题果然就解决了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值