我在整个互联网上都看过,但没有发现任何有用的东西。
我希望我的图片不被选中,例如带有背景图片 ( <div style = "background-image : 'moo.png';"> </div>
)的 div
我不能使用背景图像,因为我需要一个图像映射来实现功能。
我的代码如下所示:
的CSS,
.filmmakers #map {
-moz-user-select : -moz-none;
-khtml-user-select : none;
-webkit-user-select : none;
-ms-user-select : none;
-o-user-select : none;
user-select : none;
}
.filmmakers #map::selection {
color : rgba(0, 0, 0, 0);
}
html,
<img id = "map" src = "WorldMap.png" alt = "Map" unselectable = "on" style = "left : 0px; top : 0px;" />
javascript,
var map = document.getElementById('map');
makeUnselectable(map);
function makeUnselectable(node) {
if (node.nodeType == 1) {
node.setAttribute("unselectable", "on");
}
var child = node.firstChild;
while (child) {
makeUnselectable(child);
child = child.nextSibling;
}
}
如您所见,我仍然得到拖动图标,它与地图的功能相混淆:
https://dl.dropbox.com/u/107533178/CampusRoyal/Filmmakers.html
请帮助并感谢您花时间阅读我的帖子,非常感谢您的关注。
干杯!
米索斯