Question

有没有人知道如何制作一个＆＃39; fa-image＆＃39;不可拖动而且不可选择？同时？

我将此表面显示在＆fa;容器表面＆＃39;并且想要禁用图像选择，因为滚动和拖放不起作用，如果弹出窗口显示保存图像。

<fa-image-surface   fa-image-url="{{tile.image}}"
                    fa-size="[60, 40]"
                    class="hexagon-tile-img unselectable">
</fa-image-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 webbrowser或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中，我知道我们可以在＆＃39;＆＃34;＆＃39;＆＃39;＆＃39;＆＃39;＆＃39;＆＃39;＆＃39;＆＃39;＆＃39;＆＃39;＆＃39;或＆＃34; draggable =＆＃39; false＆＃39;＆＃34;在＆＃39; img＆＃39;，但如果我尝试在＆＃39; fa-image-surface＆＃39;不考虑属性。

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

Answer 1

唯一应用于hexagon-tile-img的CSS类 - 尝试将unselectable添加到class属性，只是为了测试它是否可以在img元素上正常运行。

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

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

使Famo.us / Angular fa-image无法选择

1 个答案: