个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个奇怪的问题，真的不知道如何很好地解释它。当您单击 Canvas 并将其移到 Canvas 边界之外时，它会突然突出显示整个页面并以蓝色突出显示。有没有办法解决这个问题，甚至可以使高光显示为透明的不同颜色？或者一些解决这个问题的代码，甚至是一些 css？
这里是要测试的页面，或者要了解我! http://www.taffatech.com/Paint.html
和代码:
<html>
<head>
<title>Paint</title>
<script type="text/javascript" src="jspaint/jquery-1.9.1.js"></script>
<script type="text/javascript" src="jspaint/jquery-ui-1.10.3.custom.js"></script>
<link rel="Stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/dot-luv/jquery-ui.css" />
<script src="jspaint/Paint.js"></script>
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<style type="text/css">
body {
background:#303030;
}
#canvas, #canvasCursor {
cursor: none;
background: #fff;
position: absolute;
left: 50px;
top: 30px;
z-index: 1;
}
#canvasCursor {
z-index: 20;
background: none;
}
#tabs {
background: #ffffff;
}
</style>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
</head>
<body style = "background:#303030;">
<br><br><br>
<center><canvas id="canvasBg" width="1000px" height="600px" style=" position:absolute; left: 50; top: 30; z-index: 1; "></canvas></center>
<canvas id="canvasCursor" width="1000px" height="600px"></canvas>
<canvas id="canvas" width="1000px" height="600px"></canvas>
<div id="tabs" style=" position:absolute; left: 1070; top: 30; z-index: 1; ">
<ul>
<li><a href="#tabs-1">Paint</a></li>
<li><a href="#tabs-2">Shapes</a></li>
<li><a href="#tabs-3">Save/Submit</a></li>
<li><a href="#tabs-4">About</a></li>
</ul>
<div id="tabs-1">
<p>Items relating to paint will be stored here</p>
</div>
<div id="tabs-2">
<p>Items relating to shapes will be here</p>
</div>
<div id="tabs-3">
<p>Save your image or submit it to the gallery!</p>
</div>
<div id="tabs-4">
<p>Wayne Daly - 2013</p>
</div>
</div>
</body>
</html>
最佳答案
您只需要一点点 user-select: none :)
编辑:您可以直接将代码添加到 body 并为 #tabs 重新启用:
body {
background:#303030;
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
#tabs {
user-select: text;
-moz-user-select: text;
-webkit-user-select: text;
-ms-user-select: text;
background: #ffffff;
}
关于javascript - 通过离开 Canvas 来突出显示页面？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17127984/
25
4
0
var newRight; if(either.isRight()) { newRight = either.getOrElse(() => throw UnimplementedError())
我正在做一个登录字段。它由 UITextfields 和一个弹出选择器 Controller 的按钮组成。单击按钮以显示按钮弹出时，我想删除/保留/取消编辑文本字段。 我试过: [发件人resignF
我试图在用户关闭选项卡或转到另一个选项卡(如 facebook、gmail、GoDaddy 和其他选项卡)之前显示确认弹窗。 我的代码适用于 Firefox，但不适用于 chrome、safari 等
我无法退出代码中的 While 循环和方法。用户可以选择输入 1 或 2 和 0 来取消(离开菜单和方法)。但是就像现在的代码一样，我猜 Switch 中的默认选项会阻止它离开 While 循环!？我
所以我目前正在学习这个关于 PHP 表单的教程，并且我把它放到了这个页面的底部，它说到目前为止要测试表单，http://www.webreference.com/programming/php/sea
我正在开发一个可以让用户登录 2 个 xmpprooms 的应用程序，但同时只能登录 2 个，所以如果他想连接到另一个，我必须断开他与前一个的连接并连接到下一个。使用此代码: 这是我离开房间的方式:
我目前正在 React 应用程序中使用我的网络摄像头拍照。然而，当我离开组件时，绿灯继续亮着，我似乎无法关闭我的网络摄像头。这是我用来使用网络摄像头的代码。 navigator.webkitGet
实际到达很简单，标签进入接收器天线范围，但是偏离是造成问题的原因。 首先，我们了解一些有关设置的信息。 标签: 它们以433Mhz的速度工作，每1.5秒钟发送一次“心跳”，移动时进入传输突发模式，这种
这是我的第二个问题(已经回答):Creating SharedPreferences object inside Fragment . 在弄清楚如何在静态 Fragment 类中创建 SharedPr
我需要离开 Firebase 中的一个项目，但我没有选择离开该项目，因为我没有该项目的所有权。我是该项目的成员，需要离开该项目，因为该项目的开发已在几个月前停止 有什么选择可以做到这一点吗？我还需要从
我希望在以下情况下触发我的 javascript: 当打开多个 IE 选项卡时，当前 IE 选项卡将被切换。 当前 IE 选项卡关闭时。 我不希望我的 JS 代码被页内弹出对话框触发。 当整个 IE
我在 socket.io wiki 上查看如何使用房间，但加入和离开不起作用，我想知道他们是否可能更改了一些内容但没有机会更新 wiki？ socket.join("room-"+data.meid)
在此 Activity 中我使用振动，因此由用户选择按照振动节奏移动的球，但是当我想向后返回屏幕时，即返回到MainActivity，应用程序继续振动而不停止。这是我的代码，我已经尝试了所有方法，但无
我正在构建一个用于学习 SwiftUI 的小型待办事项应用程序，我可以在 CoreData 中创建一个任务列表并将它们标记为完成，这会将 isComplete 设置为 true 并将图像从空圆圈更改为
我在 if 语句中有一个 if 语句。 如果第二个if语句中的条件返回false，我要转到第一个else因为它会自动设置我的验证控件。 希望你明白 if (page.isvalid() ) {
我正在尝试找到一种方法，让我的变量在应用程序的整个生命周期中保持不变。我设计该应用程序的方式是用户单击类(class)并提交成绩。我想要的是应用程序在 Activity 结束后存储成绩。当用户退出屏幕
首先你应该知道，允许玩家玩的区域是一个正方形，即320x320，位于屏幕中央。这个 320x320 的正方形是一个 5x5 的网格 [每个图 block 64x64]，并且玩家始终位于网格图 bloc
我的应用程序在离开 UIViewController 时崩溃并出现以下错误。 [FeedSingleViewCell retain]: message sent to deallocated inst
使用此代码允许媒体播放器在全屏时横向旋转(应用程序不支持): // handle orientation for the device func application (_ application:
好的。查看了可能的答案，但我在这里没有看到我的问题。 我有一个相当标准的 GCD 重复计时器: class RepeatingGCDTimer { /// This holds our cur
我是一名优秀的程序员,十分优秀！