洗涤器之前/之后。获得蓝色覆盖？

Posted 2023-03-06

【中文标题】洗涤器之前/之后。获得蓝色覆盖？

【英文标题】：Before/After scrubber. Getting a Blue overlay?

【发布时间】：2014-04-29 13:25:36

【问题描述】：

当我在我之前的图像上擦洗手柄时，我在 I.E.、FireFox、Chrome 中得到无法解释的（对我而言）蓝色闪烁/闪烁。 这是我的 jsfiddle 示例： http://jsfiddle.net/GrokDD/FyrAy/

左右反复擦洗把手。您会在大多数浏览器中看到它。

这是什么原因造成的？我怎样才能摆脱它？

我猜这可能与选择的基础图像有关？ 我试过了：

img
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;

它在 Chrome 中修复了它，但在 IE 中没有。或者火狐……嗯…… 任何建议将不胜感激。

【参考方案1】：

似乎是突出显示的图像导致它。

在#before 和#after 上添加以下内容似乎可以修复它http://jsfiddle.net/FyrAy/1/

<div style='-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user select:none;' unselectable='on' onselectstart='return false;' onmousedown='return false;'>

取自How do I disable text selection with CSS or javascript?

【讨论】：

摇滚本！我应该更新我的 jsFiddle 以供其他人学习吗？这是常见的做法吗？

我是新来的，所以我不确定，我会说让它保持原样，然后人们可以看到问题所在，他们可以查看这个问题以进行修复。很高兴我能帮忙:)