Make Famo.us/Angular fa-image不可选

有没有人知道一种方法来使'fa-image'不可拖动且不可同时选择？Make Famo.us/Angular fa-image不可选

我在'fa-container-surface'中显示此表面，并且想要禁用图像选择，因为滚动和拖放不起作用，如果弹出窗口出现以保存图像。

我试图设置这个CSS：

.unselectable { 
    /* For Opera and <= IE9, we need to add unselectable="on" attribute onto each element */ 
    /* Check this site for more details: http://help.dottoro.com/lhwdpnva.php */ 
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */ 
    -webkit-user-select: none; 
    -ms-user-select: none; /* From IE10 only */ 
    user-select: none; /* Not valid CSS yet, as of July 2012 */ 

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */ 
    user-drag: none;

}

但这无法在Chrome网页浏览器38或Windows Phone 8.1浏览器。图像消失了，因为一个错误的：

Syntax Error: Token 'unselectable' is an unexpected token at column 18 of the expression [hexagon-tile-img unselectable] starting at [unselectable]

在HTML中，我知道，我们可以设置“不可选择=‘对’”或“可拖动=‘假’，”关于“IMG”，但如果我尝试这样做不考虑'fa-image-surface'属性。

有没有人有想法在famo.us/Angular项目中做到这一点？

来源

2014-11-03 Geoffrey Lalloué

适用于您的hexagon-tile-img的唯一CSS类 - 尝试将unselectable添加到类属性中，只是为了测试它将在img元素上正常工作。

在您的样式表中，您可以尝试使用.unselectable > img基本上将不可选规则应用于容器中的子元素img。

此外，不要指望famo.us在IE上工作，因为IE尚未实现preserve-3d，这对于将3d变换应用到子元素至关重要。

来源

2014-11-03 10:16:58

我试图设置'取消选择'类属性，但我忘了设置它在我的问题。我修改了它。所以，如果我将这个CSS添加到我的'fa-image-surface'中，图像不会显示。而在Windows Phone 8.1上的IE版本是IE 11，所以它应该工作（现在它适用于我，除了这个选择案例）。 – 2014-11-03 10:34:53

我刚刚尝试复制您在Famo.us大学（Angular部分）中描述的问题，并且发现fa-image-surface需要结束不允许拖动“solidus” 。尝试将.unselectable类添加到fa-image-surface，并添加结束标记。 – 2014-11-03 10:55:29

关于关闭fa-image-surface标签是正确的。但我总是有同样的问题。但是，在调试窗口中，我有这个错误：语法错误：令牌'不可选'是在表达式[hexagon-tile-img unselectable]从第18列开始的意外令牌[unselectable] 这很奇怪，因为如果我删除'hexagon -tile-img'classname，一切正常。 fa-surface-image中是否有超过2个类名？ – 2014-11-03 13:15:11

Make Famo.us/Angular fa-image不可选

回答

相关问题