当我点击右侧灯箱时出现箭头高亮显示?

时间:2015-07-06 09:13:51

标签: css selection

以下链接指向我网站上的网页:

http://top-drawer.net/artist-1.html

在页面上,您会看到旁边有一个较大图像的缩略图。点击大图,它会显示一个灯箱。

现在我的问题是这个。当我单击灯箱上的右箭头按钮以循环到下一个图像时,图像下方会出现一个突出显示。按下很快,看看我的意思。让我对这个问题感到困惑的是左箭头完全没有问题并使用相同的代码。我正在使用谷歌浏览器查看我的工作。

不确定这对stackoverflow有什么问题有帮助,但我想不出别的问题。在此先感谢你们

1 个答案:

答案 0 :(得分:0)

这是因为双击实际上选择了一些内容(如双击文本中的单词时,它会被选中)...将这些css属性添加到#imageWrap div以防止在弹出窗口中进行选择:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;