时间戳

首页 > 解决方案 > 如何限制突出显示 iframe

javascript - 如何限制突出显示 iframe

问题描述

我有一个嵌入式手机游戏，它被包裹在一个 iframe 中，游戏需要用户按住手指才能让玩家飞起来。

<iframe style= "position:relative;top:0;left:0;width:100%;height:100%;border:0;" src="https://play.gamepix.com/badland/embed" allowFullScreen></iframe>

游戏运行良好，但是当您按住手指时，整个屏幕会以透明的蓝色突出显示，并且“复制/分享”图标会在游戏中间弹出。我试过添加：

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

……但它不起作用。

有没有办法限制突出显示/选择 iframe？

在此处输入图像描述

标签： javascripthtmlcssiframe

解决方案

你试过frameborder=0吗？

<iframe frameborder="0" style="background:none transparent;position:relative;top:0;left:0;width:100%;height:100%;border:0;" src="https://play.gamepix.com/badland/embed" allowFullScreen>
</iframe>

如果你不是在寻找它，请提供一些屏幕截图以便更好地理解。

推荐阅读