Javascript 什么会导致编辑器图标丢失?

Javascript 什么会导致编辑器图标丢失?,javascript,user-interface,icons,ckeditor,Javascript,User Interface,Icons,Ckeditor,当浏览器是IE9并且有一个水平滚动条时,有时图标会从我的编辑器中消失。这尤其发生在撤消期间以及在源模式和返回模式之间切换时。可怕的是,我不能在我的站点之外复制它(对不起,没有链接),但我可以通过简单地添加一个表,然后按undo,在其中轻松复制它。当我将鼠标移到图标上时,图标会返回(也许我应该做一个视频来演示?) 我不知道这是什么原因,所以欢迎提出任何建议。我根本不接触自定义代码中的图标。你见过类似的问题吗?是什么引起的?有什么我可以试试的吗 增加: 缺少图标: 非常奇怪。禁用的按钮似乎会丢失图标

当浏览器是IE9并且有一个水平滚动条时,有时图标会从我的编辑器中消失。这尤其发生在撤消期间以及在源模式和返回模式之间切换时。可怕的是,我不能在我的站点之外复制它(对不起,没有链接),但我可以通过简单地添加一个表,然后按undo,在其中轻松复制它。当我将鼠标移到图标上时,图标会返回(也许我应该做一个视频来演示?)

我不知道这是什么原因,所以欢迎提出任何建议。我根本不接触自定义代码中的图标。你见过类似的问题吗?是什么引起的?有什么我可以试试的吗

增加:

缺少图标:


非常奇怪。禁用的按钮似乎会丢失图标。我看到您对CSS做了一点修改——您是否也覆盖了禁用按钮的图标条路径?或者您最近更新了CKEditor安装,但没有先前修改的样式表?也许这是缓存问题-路径是相同的,但IE9会记住旧文件中那些图标的不同位置。

事实证明,这确实是一些疯狂导致IE9出现CSS
不透明度的渲染错误

对于其他遇到此错误的用户:我通过手动编辑CKEditor
编辑器(即css
)修复了此错误。有这样一个部分:
.cke\u按钮\u禁用。cke\u按钮\u图标{opacity:.3}
。我所做的只是注释掉不透明度,留下
.cke_按钮图标{/*不透明度:.3被Nenotlep*/}
删除


请注意,像这样的“修复”是一个坏主意,您必须记住在代码存储库中手动维护更改

谢谢你的回答。我们可以放心地说,这不是缓存问题。是的,我已经修改了CSS,但是没有关于图标的内容,我只是拉伸了下拉列表(我有一个有很长名称的大量项目列表)。明天,我将尝试恢复所有样式表更改,看看是否有任何效果。我不认为会,因为如果窗口上没有水平滚动条,一切都会正常工作——这是触发此问题的关键。我还要看404。我忘了提到如果我把鼠标放在图标上,图标会再次出现——也许我应该创建一个演示视频。我在问题上添加了一个YT链接,以便更好地演示。有什么想法吗?我检查了网络捕获,在此期间,服务器和客户端之间没有发生任何变化。我的CSS mod只是
.cke\u combo\u text{width:110px!important;}
combopanel
类似-就是这样。呵呵。。。看起来就像某些IE9的bug;/很难说出有用的东西。您需要自己调试此问题,或者在CKE的trac上报告为一个错误,但您需要准备一个示例。这就是为什么我没有创建trac问题:因为我无法准备示例,所以我决定在此处询问:)。我试图调试这个,但我不知道下一步要寻找什么。我确实注意到CSS
opacity
filter
的使用在
editor_ie.CSS
中看起来不一致,对于某些规则,只使用不透明度,对于某些规则,两者都使用,对于某些规则,只使用过滤器。如果该文件适用于IE9+,那么它们不都应该相同吗?一个新的观察结果:如果内容是“A

”,我把表格放在第二段,这个错误不会出现,图标也很好。你是对的,这是一个IE9渲染错误,因为CSS不透明,我用一个简单愚蠢的注释“修复”了这个错误,这个注释很可能会破坏IE7-8/10,但我无法测试它。我通过删除所有不透明度和alpha过滤器进行调试,然后用边框和背景色替换它们,直到找到一个失败的。删除禁用按钮的样式似乎不是理想的解决方案,但如果找不到其他样式,则可以接受。您可以尝试将其替换为
filter:alpha(不透明度=30)取而代之。顺便说一句,你的网站是在标准模式下工作吗?是的,它是在标准模式下。我注意到,
filter:alpha
有时被使用,有时不透明度被使用,有时两者都被使用——这让我很惊讶。特别奇怪的是,在评论了CSS样式之后,它对UI没有任何影响。被禁用的按钮仍然是很好的灰色-看起来至少在IE9和chrome中我的更改对UI没有任何影响,只是现在bug消失了!普通浏览器(包括IE9)和旧IE可能有重叠的样式。顺便说一句,我想你可以接受你的答案。是的,这可能就是为什么它仍然像预期的那样有效。我仍然需要等待2小时才能接受:)。再次感谢您的帮助!