html元素使整个Web应用程序可选?

时间:2013-02-25 16:12:40

标签: html css firefox textselection

我的大多数网络应用都设置为无法选择。以div为例:

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

令人惊奇的是,我仍然可以通过启动左边的选择来选择大部分页面 - DOM检查员告诉我,我选择外部任何DOM元素本身,并从顶级HTML元素中选择。我试图愚蠢并将其设置为:

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

......没有产生任何影响。我在这里是一个完美主义者,但此时我只是好奇 - 你怎么能完全禁用它?身体已经100%宽度。我不明白为什么我可以在外面点击它。

此外,这只发生在Firefox中。

1 个答案:

答案 0 :(得分:0)

抛出一个div作为一个整体包装使用绝对定位,左上方和右下方为-150顶部-150底部然后用120 120将内容填充回来使用滚动顶部观察者或添加滑动标题和附加60当崩溃时(切换填充到边距

),空间可以用作默认动画

如果您没有使用扩展区域进行标题分层或图像,它应该可以工作,但可能会让您感到痛苦。

希望它有所帮助。

真诚

杰森