IE CSS Bug系列:自定义光标Bug

伯乐在线导读:IE 浏览器不支持很多 CSS 属性是出了名的,即便在支持的部分中,也是有很多 Bug 的。Zoffix Znet 整理了 IE 中的 CSS 问题,有简单的问题示例,也有解决方法。 这个系列共有 58 个指南,70 个解决方案。这篇由伯乐在线前端开发小组的@daozen 翻译。(欢迎更多前端开发朋友来加入“前端开发小组。)

【提示】:IE CSS BUG 系列译文正在进行中,后续或有改动和调整,请不要转载本系列的译文。

—————————————————————————–

影响浏览器版本

这个Bug影响:IE8、IE7、IE6

表现

自定义光标在IE中不显示

教程日期

2009.07.17 17:26:30

描述

这是一个很少见的bug,不仅大多数人都会避免使用自定义光标(给cursor property 设置url(foo.cur)),而且要遇到产生这个bug的条件也很少见。

 

示例

由于这个bug的性质,示例在一个独立的页面

HTML Code:

CSS Code:

在上面的代码中,我们的页面文档链接了一个不同目录下的样式表。在那个样式表里面我们设置cursor property为一个自定义光标,该光标的url()为相对于CSS文件的相对地址。但是,在IE里面那个光标不出现了。发生了什么了?发生这种情况的原因是IE解析光标的地址时相对于现在的文档(我们的HTML文档)故得到了一个404。

解决方案

以下是以类型安排的解决上述bug的方法。

解决方案(简洁方案)

解决日期

2009.07.17.17:40:26

解决浏览器版本

所有受影响的版本

描述

既然我们现在搞清楚IE里面的光标为什么不显示,解决方法就很明显了——光标的路径使用“绝对”路径。(例如从web根目录开始)

由于这个bug的性质,修复后的示例在一个独立的页面

HTML Code:

CSS Code:

现在把cursor property 里面的url()设置为一个绝对路径,在所有浏览器下都可以正常工作了。注:如果你不能用这种方法改变路径的话,简单使用条件注释来给IE下给自定义光标设置一个不同的url(),就是将它设置为相对于HTML文档的相对路径。

收藏 评论

关于作者:道禅

当一切都看起来无济于事的时候,我去看一个石匠敲石头.他一连敲了一百次,石头仍然纹丝不动.但他敲第一百零一次的时候,石头裂为两半.可我知道,让石头裂开的不是那最后一击,而是前面的一百次敲击的结果。(新浪微博:@卍道禅卐) 个人主页 · 我的文章

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部