立即注册
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
广州大学城网业务调整

[其他] 改善IE6中a与a:hover的背景支持 [复制链接] qrcode

查看: 7267 | 回复: 6

头像被屏蔽
郁葱葱
发表于: 2013-9-21 14:14:59 | 显示全部楼层

在IE6中背景属性加a与a:hover两者的伪类结合,在正常逻辑下为何不起作用?测试这问题存在IE6及以下浏览器,这问题我经常遇到在之前一直采用其它方法取而代之,现在找到了另一种解决。

以导航为例,下面的代码完全符合CSS的逻辑,理论上应该是”a:hove的背景图片”结合”a.nav_1的背景定位” 而得出预想的结果,但IE6却异常地只显示背景图片而没有对上背景坐标Demo(请使用IE6与IE6以上浏览器作对比)。



之前我使用的解决方案是,再经过状态添加对应的选择符。这方法感觉代码显得比较臃肿,而对于代码洁癖的我是比较难接受的Demo



理论上”a.nav_1″选择符比”a:hover”要高,但我尝试添加!important时测试发现IE6却显示正常Demo

而测试其它浏览器也无副作用,这次似乎与haslayout无关了,但其产生原因与结果也却让人百思不得其解



就这样第二个方案也随之而产生相比第一种解决方案更显得简洁,有更好的方法希望你能与我分享。
跳转到指定楼层
安安小宝
发表于: 2013-9-21 16:41:02 | 显示全部楼层

前几天我用IE8,感觉老是出错,后来又用IE6,感觉还差不多。
亲爱的家园
发表于: 2013-9-21 21:13:01 | 显示全部楼层

回 安安小宝 的帖子

安安小宝: 前几天我用IE8,感觉老是出错,后来又用IE6,感觉还差不多。
(2013-09-21 16:41)
真的吗,我也要用试试
上大学
发表于: 2013-9-22 09:23:19 | 显示全部楼层

一直在用IE浏览器,全世界最受欢迎的
加冕
发表于: 2013-9-22 16:37:39 | 显示全部楼层

IE浏览器还是蛮好用的,我现在用的就是
淡淡馨香
发表于: 2013-9-23 12:38:02 | 显示全部楼层

学学一下,我正需要这个知识。
顾得来来
发表于: 2013-9-24 00:28:19 | 显示全部楼层

楼主真有一下。分析的很透
快速回复 返回顶部 返回列表