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

Question

我在 IE、FireFox、Chrome 中出现无法解释的(对我来说)蓝色闪烁/闪烁，当我擦洗我的前后图像上的 handle 时。这是我的 jsfiddle 示例: http://jsfiddle.net/GrokDD/FyrAy/

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

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

我猜这可能与选择的底层图像有关？我试过:

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

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

Answer 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?