Background image not displaying in link or hover states in IE7 and IE8 only我正在使用超级鱼菜单来显示购物车图标。将鼠标悬停在购物车图标上时,菜单会...
我正在使用超级鱼菜单来显示购物车图标。将鼠标悬停在购物车图标上时,菜单会下拉。链接状态包含购物车的背景图像。将鼠标悬停在链接上时,背景图像正在切换为较暗的图像,并且周围的空间被白色填充。这似乎在 FF 中运行良好,但我在 IE7 和 IE8 中都遇到了问题。在 IE7 和 IE8 中,问题是背景图像不会显示为链接状态或悬停状态。只有当我在安装了 IE7 和 IE8 的实际机器上检查它时才会发生这种情况。在选择了相应的浏览器模式后,它似乎无法在 IE9 中运行。似乎也没有在虚拟机上进行复制。问题是:是什么导致图像在 IE7 和 IE8 中不显示?代码有点长,无法粘贴到这里。
更新了 JS Fiddle
http://jsfiddle.net/SeasonEnds/nfYDC/2/
根据您的小提琴,您在悬停时将背景设置为图像和"无"。
1 2 3 4 | .cart li:hover, .cart li.sfHover, .cart a:focus, .cart a:hover, .cart a:active { background:#fcfcfc; } |
尝试仅设置背景颜色,而不是使用背景的简写,这意味着在未设置任何内容时背景图像为"无"。那里可能存在一些冲突(如果您的小提琴 CSS 具有有效的图像引用,则更容易测试)。
本文标题为:关于 css:仅在 IE7 和 IE8 中不以链接或悬停状态显
基础教程推荐
- vue的 Mixins (混入) 2023-10-08
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- 第7天:CSS入门 2022-11-04
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- Vue+WebSocket实现在线聊天 2023-10-08