将按钮添加到移动/拖动的背景HTML/CSS/JS
将按钮添加到移动/拖动的背景可以通过HTML、CSS和JavaScript来实现。下面是一个完善且全面的答案：
概念： 将按钮添加到移动/拖动的背景是指在网页中实现一个可移动或可拖动的背景，并在背景上添加一个按钮，用户可以通过点击按钮来执行相应的操作。
分类： 这个功能可以归类为前端开发中的交互设计和动画效果。
优势：
- 提升用户体验：通过添加移动/拖动的背景和按钮，可以增加网页的交互性和趣味性，提升用户对网页的体验。
- 增加功能性：通过按钮的添加，可以实现一些特定的功能，例如切换背景、提交表单、执行动画等。
- 增强视觉效果：移动/拖动的背景可以为网页增加动态效果，吸引用户的注意力。
应用场景：
- 游戏网站：在游戏网站中，可以使用移动/拖动的背景和按钮来实现游戏角色的移动、攻击等操作。
- 产品展示页面：在产品展示页面中，可以使用移动/拖动的背景和按钮来展示产品的不同视角或功能。
- 创意网站：在创意网站中，可以使用移动/拖动的背景和按钮来展示创意的交互效果，吸引用户的注意力。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动应用开发平台：https://cloud.tencent.com/product/madp
- 腾讯云前端开发工具：https://cloud.tencent.com/product/fedevtools
请注意，以上推荐的腾讯云产品仅供参考，具体选择还需根据实际需求进行评估和决策。
相关·内容
1回答
单击主引导程序按钮后，它会在移动设备上将其背景颜色更改为蓝色。
这里有一个例子，第一个按钮是你点击它之前的样子，第二个按钮是你点击它之后的样子。如果我点击网站周围的任何地方，背景效果就消失了。
如何通过js或css中的命令使此背景不显示\删除。当我点击一个按钮的时候？
这是我的按钮html：
<div class="col-md-4 col-xl-3 text-center optionsButtonsDiv displayNone">
<div class="card bg-l
浏览 0提问于2021-05-15得票数 0
我有一个用户可以拖动的按钮。当按钮移出视图时，它似乎剪切了按钮背景中的图像。如果我随后使用TranslateAnimation对部分屏幕外的按钮进行动画处理，则剪辑后的图像将在动画中移动。
如何确保在图像动画到另一个位置时完全重新绘制背景？
浏览 1提问于2011-11-08得票数 0
2回答
我有一个很长的模式，不能在我的android移动设备上完全显示，按钮在屏幕底部下方，这个模式根本不滚动，但是这个模式后面的灰色背景可以，有什么css/js技巧来锁定背景并允许模式在显示时滚动吗？
浏览 5提问于2013-07-31得票数 3
回答已采纳
我最近在firebug控制台中发现了以下错误：
TypeError: jQuery.easing[this.easing] is not a function
这是PickList组件中的错误，单击“移动”按钮或双击“元素”(拖动实际上有效)。
我在不同的foras上发现了这样的建议，即在页面ev上出现多个版本或jquery的问题。在类路径中有多个primefaces.jar副本，但是这里并不是这样。
这是我的标题：
<head>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Com
浏览 0提问于2012-12-03得票数 0
回答已采纳
1回答
我有两个div连在一起。一个是显示边框，另一个是显示图像。我使用jquery .draggable();方法使下面的div可拖放。问题是我无法将div移动到下面。如果是在display:none;上，则可拖动的方法工作得很好。因为上面有个div。
HTML：
<div id="editor-holder">
<div id="border-holder"><img src="img/border.png"></div>
<div id="image-holder"&
浏览 0提问于2018-07-02得票数 1
回答已采纳
2回答
用CSS覆盖游标
、、、
我有一个overflow: hidden div，我通过允许用户点击并拖动背景来滚动它。这个空间中也有链接和按钮。
这就是我为CSS所做的工作：
#div-grabscroll {
cursor: url(../img/openhand.cur), move;
}
#div-grabscroll:active {
cursor: url(../img/closedhand.cur), n-resize;
}
这很好，但是在拖动时，如果鼠标在按钮上移动(由于达到滚动限制)，pointer游标会覆盖我的closedhand游标。
所需的行为是，在div被鼠标控制的整个过程中，
浏览 10提问于2012-05-11得票数 2
回答已采纳
2回答
我正在设计我自己的网站，我想要一个移动矩阵背景。我在索引中找到了一个移动矩阵-js。我不能将js设置为“背景”，所以我的文本放在js下面。
顺便说一下，设计是用CSS和XHTML制作的。我需要用z索引做些什么吗？
提前感谢！
浏览 1提问于2014-03-12得票数 1
回答已采纳
1回答
我试着实现一个带有按钮的旋转木马。当我按下电脑上的按钮时，没有问题，但一旦我按下手机上的按钮，背景色就会变成灰色。
无论是在CSS中还是在HTML中，都不存在可能干扰…的背景色。
.prev-screen,
.next-screen {
align-self: stretch;
background: none;
border: 0;
margin-top: 40px;
color: rgba(#000, 0.25);
cursor: pointer;
font-size: 24px;
opacity: 1;
out
浏览 1提问于2022-04-28得票数 1
4回答
我有一个带有两个按钮的HTML页面:一个轻型主题按钮和一个黑色主题按钮。当我单击“灯光主题”按钮时，背景将变成淡灰色，文本将变为黑色；当我单击“黑暗主题”按钮时，背景将变为黑色，文本将变为白色。
当我重新打开页面时，应该生成所选的最后一个主题。
下面是我的html：
<html>
<head>
<script type="text/javascript" src="js/index.js"></script>
<meta charset="UTF-8"&
浏览 5提问于2016-11-09得票数 2
回答已采纳
问题是，当我单击按钮时，div应该移动三次，每次移动之后更改背景和文本，但是当我这样做时，div只分配最后一个.css和.html。
$(document).ready(function () {
$("#button").click(function () {
$(".square").animate({top: '250px'});
$(".square").html("My friend");
$(".square").css({
backgroun
浏览 1提问于2016-11-16得票数 4
回答已采纳
2回答
我有一张p5.js 3D草图。我必须设置它的背景图像。我知道我们可以很容易地在2D草图中使用相同的background()函数来实现它，但是在3D草图中是不可能的。
我在谷歌上搜索了一些黑客，发现我可以有一个plane，在后面有画布的尺寸，然后使用texture()设置它的背景图像，如下例所示。
var img;
function preload() {
img = loadImage("img.png");
}
function setup() {
createCanvas(600, 600, WEBGL);
}
function draw() {
ba
浏览 5提问于2021-03-05得票数 4
回答已采纳
1回答
当我在移动设备上查看时，下面的页面有黑色的背景。网页浏览器的背景色是白色的。我如何使移动和网络背景相同？
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://aj
浏览 4提问于2015-07-04得票数 0
回答已采纳
1回答
我使用的反应流和用户可以通过点击和拖动周围的背景。我希望光标在悬停在背景上时是‘抓取’，而光标是‘抓取’，而用户有鼠标按钮，并在周围拖动/平移。
正在发挥作用的是：
通过在ReactFlow上设置样式，我能够在背景上悬停时使光标成为“抓取”，如下所示：
<ReactFlow
style={{ cursor: "grab" }}
...
不起作用的是：
我不能让光标‘抓取’，而鼠标按钮是按下背景。
我试过的是：
我尝试根据mouseDown状态变量(如：style={{ cursor: mouseDown ? 'grabbing' :
浏览 7提问于2022-07-08得票数 0
我有一个可拖的模态窗口。我想完全关闭背景。我知道uibModal有一个可以设置true/false或static的背景属性--但这对我来说还不够，我希望背景中的html内容仍然是可点击的--例如Google帮助模式窗口--您可以打开它，拖动它，并且仍然在后台工作。我如何完全禁用背景，并使内容从背景点击与模式打开？这在uibModal中是可能的，还是应该用普通的javascript/iframe创建一个模态窗口？
我可以用这个CSS让背景点击：
.modal {
pointer-events: none;}
.modal-backdrop {
display: none;}
这方面的
浏览 1提问于2018-08-15得票数 1
回答已采纳
2回答
在这里完成到jQuery的任务。它的语法与其他语言有很大的不同，所以我对它有一点困难。我设法让它完成了我需要它的小部分，这就是在悬停时改变页面的背景色。
然而，我悬停在上面的按钮非常接近对方，如果你快速从一个按钮移动到另一个按钮，淡出动画将堆积起来，并继续改变背景颜色，即使你停止移动鼠标在按钮上。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>index.html</title>
<script type
浏览 1提问于2014-05-06得票数 0
回答已采纳
是否可以创建将缩略图从主视图( jpeg集合)拖动到细节视图的效果，就像当您选择并拖动jpeg时，jpeg悬停在两者的边界上一样？我对此进行了思考，并尝试创建一个包含两者的视图，作为具有清晰背景的子视图，但在理论上似乎行不通。
浏览 2提问于2015-01-06得票数 0
1回答
我正在创建的应用程序中使用jQuery Draggable，我想知道是否有可能在网站上的对话框和元素之间创建一条线？当你拖动它的时候，我想让它跟随可拖拽的框。
我正在寻找CSS/HTML的方式，而不是jQuery/JS的方式。如果没有办法使用纯CSS3/HTML5创建它，那么我将从JS方法开始-只是想知道:)
浏览 0提问于2012-09-23得票数 7
2回答
我在移动按钮背景时遇到问题。我已经确定了允许我将按钮文本移动到我喜欢的任何位置的类，但我希望按钮背景也随之移动。
Html：
<li class="location"><a class="google_map_link"
href="http://maps.google.com/maps?
q=London&zoom=14&size=512x512&
maptype=roadmap&sensor=false">London</a>&l
浏览 0提问于2019-05-30得票数 0
我在一个移动web应用程序中工作，一些设备不支持css3和@media query，
我使用css3-mediaqueries.js让所有的浏览器都支持媒体查询，但是我现在的问题是我需要检查那些不支持像背景大小这样的css3特性的设备
我做了一些研究，发现modernizer.js可以捕获所有不支持背景大小的设备
这是我的HTML标题
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html;chars
浏览 1提问于2012-01-03得票数 1
3回答
我有我正在使用的全屏背景，它可以在我的笔记本电脑和大屏幕上正常工作。问题是当我从移动设备进入网站时。背景图像(和它上面的按钮)移到一边。我不知道为什么会这样。我认为它必须与bootstrap.min一起使用。
HTML：
<!-- Intro Section -->
<section id="intro">
<!-- Hero Slider Section -->
<div class="flexslider fullscreen-carousel hero-slider-1 "&
浏览 7提问于2017-05-09得票数 1
我正在尝试做一个功能，用户在一个文本框中键入，当你键入时会产生建议(就像Google Instant)，然后这些建议可以被拖到页面上的框中。一切都很好，直到我发现触摸屏移动设备不能使用HTML5拖放和拖动。我试着用jquery来解决这个问题，但是进展并不顺利。
下面的代码显示了一个可拖动的图像，它适用于触摸屏和鼠标。
<script type='text/javascript' src='js/head.min.js'></script>
<link rel='stylesheet' type=
浏览 1提问于2012-09-03得票数 1
回答已采纳
1回答
我使用jQuery移动在各种html外部页面之间切换，页面上有一个可拖动的元素，如下所示：
var moveMe = function(e) {
e.preventDefault();
var orig = e.originalEvent;
var x = event.touches[0].pageX;
if(x>=275 && x<709){
$(this).css({
left: orig.changedTouches[0].pageX
});
}
};
$(
浏览 6提问于2012-07-31得票数 0
回答已采纳
1回答
首先看一下这个
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<h1>Hello Plunker!</h1>
<div style="height:100px;width:10
浏览 2提问于2017-04-05得票数 0
4回答
在这里，我使用jquery对话框，但是我必须禁用我的背景内容，这样用户就不能单击任何按钮或不能选择任何内容。
但是怎么做呢。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Dialog - Default functionality</title>
<link rel="stylesheet" href="
浏览 4提问于2013-10-09得票数 0
回答已采纳
1回答
我正在做的是我有一个黑色背景的div，我想能够点击，并拖动它。我正在使用JQuery UI，但是我似乎不知道如何做到这一点。
当点击div的图标时，它会切换到显示/隐藏，我希望能够单击，并将其拖到网页上。稍后，这将有助于计算器，秒表等:但我似乎不知道如何让div显示/隐藏或如何能够拖动它。
任何帮助都将不胜感激。
清单：
{
"name": "DIV Drag Test",
"version": "0.0.1",
"description": "DIV Drag Test",
浏览 10提问于2011-09-08得票数 0
回答已采纳
1回答
我有两个div，如果我调整页面的大小小于768px，那么我的.tFFiltre div在.tFPopup div..so中移动，到目前为止一切都还好，但是在移动之后，我不想让工作成为js函数
例如，如果您单击change background复选框按钮，您将看到背景色正在变化，但是如果我在另一个div中移动div而不是改变背景color..so，我的意思是我不想让js函数工作。
$(document).ready(function(){
$('#checkbox').change(function() {
if ($(this).is(':checked
浏览 3提问于2017-05-16得票数 0
回答已采纳
我想减少div的高度，并使用jquery-ui-draggable使其可拖动。这就是我在JS中所做的
$(".sortable").sortable({
revert: true,
start : function (){
$(".qhide").css("height","60px");
$(".qhide").css("overflow","hidden");
},
stop : function(
浏览 2提问于2013-08-07得票数 1
我有这样一个页面(index.php)：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dashboard</title>
<?php //add .min.js file when all programming done ?>
<link rel="stylesheet" href="css/main.css"&g
浏览 1提问于2014-02-10得票数 2
回答已采纳
1回答
以下是该网站的链接：
我有一个大的jQuery可拖动的div (以地图图像为背景)，在一个较小的div中有overflow:隐藏在它上面。关键是让用户像在maps.google.com上一样拖动地图。
虽然Google Maps有一个水平循环的地图，但我的地图在太平洋的两边都停了下来。就像现在一样，用户可以将地图拖到两侧太远，这样红色背景就会开始显示在左侧或右侧。
当地图的边缘出现时，在红色背景开始显示之前，我如何使用jQuery停止拖动？
(我知道现在的地图丑陋得要死，但它正在建设中。)
Css：
body {
overflow:hidden;
background-color: #ff0
浏览 1提问于2013-01-14得票数 2
回答已采纳
3回答
桌面版看起来不错，但移动版正在剪裁背景。我的意思是，当我滚动时，它有两个背景的效果。
我不知道问题是在css还是html文件中。
body, html{
height: 1080px;
margin: 0;
padding: 0;
background: url("img/Mountain.jpg");
background-size: cover;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
}
<!DOCTYPE html>
&
浏览 0提问于2018-12-28得票数 1
回答已采纳
请看一下。
我这里有4个有白色背景的div。当我点击一个div时，它的背景会变成蓝色。当我再次单击它时，背景切换回白色。
现在，我想通过拖动多个div来突出显示它们:我单击第一个div并按住鼠标按钮。div变蓝了。使用单击的按钮，我现在可以拖动其他div，它们的颜色一旦光标在元素上就会改变。
我用JQuery的.mousedown函数尝试了一些东西，但是我没有让它起作用。
<div class="box"></div>
<div class="box"></div>
<div class="box&
浏览 4提问于2014-03-21得票数 5
回答已采纳
2回答
JQuery分部标签代码
、、、
解决这个问题。给出了CSS和html代码！但是添加div标签函数不起作用。如何在移除后为html页面添加div标签？
为以下内容编写代码：
A)编写CSS类标题块:边框1，颜色-蓝色，字体大小-20，字体名称- arial，填充50px。
B)写CSS类页脚块:边框1，颜色-黑色，高度-20%，宽度-100%，背景颜色-灰色；
C)编写一段jquery代码，用于在按钮点击时添加页眉块、类和脚注块。
D)编写一段jquery代码，用于在按钮点击时移除页眉块类和页脚块。
E)编写一段jquery代码，用于在按钮点击时切换页眉块类和页脚块。
$(document).ready(function(
浏览 0提问于2017-09-12得票数 1
1回答
滑动地图是如何工作的？
、、、
Slippy地图是web控件，允许用户通过抓取和拖动来平移二维平面。这个控件是通过Google地图变得流行的，并且在今天的许多现代地图系统中都可以看到。很明显，当你观察它们加载时，它们实际上是一个图像网格，随着用户的平移而根据需要加载。我的问题是:如何在HTML/JS/CSS中对齐、移动和动态加载这些图像？它们是带有背景图像的div吗？它们是否加载到父div中，并带有overflow:hidden？他们使用了什么策略来防止在用户摇摆时泄漏内存。有没有第三方库可以让构建它们变得更容易。我对地理地图persay不感兴趣，只对通常用来显示它们的界面感兴趣。谢谢!
浏览 1提问于2009-03-12得票数 2
回答已采纳
在我们的HTML 4应用程序中，我们在部分视图中使用下面的HTML按钮标记，但是该按钮仍然显示默认的背景色，而不是我们在style属性中定义的颜色，如下所示：
<input type="button" value="Show Details..." id="btnDetails" style="white-space: normal; width:250px;background-color:green;" />
我们已经检查了类"myClass“没有做任何与CSS相关的事情。应用程序中的某个地方似乎阻止了它应
浏览 6提问于2014-02-21得票数 1
我正在使用jQuery(或者更具体地说是FireQuery)来检查我使用拖动操作的代码。我已经在下面的代码中简化了它，但是每次鼠标移动时，我仍然从jQuery获得相同的消息：
，您在同一个jQuery对象上多次调用css(对象参数)，为什么不通过传递一个对象来组合这些调用呢？例如css({“左”：63，“左”：64 }) )
我知道为什么会收到这些消息，因为每次移动鼠标时，我都会更改左属性，但这是我想要的行为，因为这是一个拖动操作。
是否有更好的方法可以使用jQuery来拖动不会导致jQuery lint中的这些消息，或者我只需要忽略它们？
<html>
<head
浏览 1提问于2011-07-05得票数 0
回答已采纳
1回答
我使用以下代码来生成复选框按钮：
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
浏览 3提问于2016-12-24得票数 1
回答已采纳
3回答
我有一个有三个按钮的div。div需要是可拖动的，这样您就可以将所有三个按钮一起拖动到屏幕上。这很好，但问题是，当我单击单个按钮时，它继承了可拖动的id，并且它本身也是可拖动的。我不希望这种情况发生。因此，我的问题是:我如何使我的按钮拉扯，但使他们始终保持在一起，使他们可点击。我在下面添加了代码，但是下面是一个JSFiddle：
所以要明确一点: div还需要通过拖动一个单独的按钮来拖动，但其余的div需要继续使用它。现在，拖动单个按钮只会移动按钮。
我不想使用JQuery UI
HTML:
<div id="draggable" class="ui-widget
浏览 4提问于2015-12-15得票数 0
回答已采纳
2回答
使图像可拖动的问题
、、、、
我目前正在创建我自己的网站。我需要代码，以允许用户通过拖动改变一些图像的位置。我已经写了这个HTML，CSS和JS在不同的文件。
整个点击和拖动的想法是有效的，当我点击图像并将其拖动到任何一侧时，它就会移动。
当我释放鼠标按钮时，没有任何反应。我尝试过break和return，但它们不会停止该功能。你有什么意见建议？
PS:我只是JS的初学者，所以如果你对我的代码有任何其他的建议，那就去吧！
class img {
constructor(id, left, top) {
this.id = "#" + id;
this.left = parseInt(
浏览 0提问于2020-11-18得票数 0
2回答
我做了，用来分享东西。但我遇到了一些CSS或Javascript问题。我想得到的.sharer::before，它是菱形的，每个按钮的彩色背景，移动到顶部后，点击事件。
按钮的正常状态(小三角形是菱形背景的角)
在悬停状态下，按钮将填充整个菱形背景。
单击按钮后，菱形背景将飞到顶部。
在单击按钮后，我创建了一个.success类名以获得成功的状态，但是这个Javascript块似乎错了。我只想将.success添加到已经单击的.sharer中。()
function addSuccess(currentClass) {
document.getElemen
浏览 4提问于2015-10-29得票数 0
回答已采纳
使用jQueryUI的可拖动插件，我希望使父容器中的任何拖动事件移动特定的单个子节点，而不管单击和拖动事件是否在子容器上启动。
考虑下面这个简单的例子：
HTML:
<div id="parent">
<div id="child">Child</div>
</div>
CSS:
#parent {
width: 100%;
height: 400px;
border: 1px solid red;
overflow: hidden;
}
#child {
widt
浏览 1提问于2014-04-01得票数 0
回答已采纳
3回答
我想为我的JQuery移动页面添加一个背景图像，我有我的外部CSS。只有当我删除JQuery脚本时，背景图像才会出现。如果没有JQuery脚本的干扰，我怎么能继续使用我自己的css？我还想使用CSS使用JQuery按钮等。
HTML
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Find me</title>
<meta name="viewport" content="wid
浏览 13提问于2015-11-22得票数 1
回答已采纳
假设我的游戏有一个巨大的背景，比屏幕更大。我的问题是，当背景精灵被拖动或滚动时，如何使精灵的其他位置(如玩家和敌人)被调整以跟随背景的移动。谁来帮帮我。
浏览 2提问于2014-02-24得票数 0
回答已采纳
2回答
我需要能够让用户在我的完整日历上移动一些事件。我想去服务器，获取交易对手的繁忙时间，并在拖放过程中将它们作为背景事件显示在日历上。但是，当我调用.fullcalendar('renderEvents‘)时.当拖动发生时，完整日历中的拖动机制会中断和停止。
是否有一种方法可以在不中断拖动的情况下添加事件，或者以其他方式突出显示必须通过ajax调用检索的繁忙时间？
这里的例子是：。试着拖着“和鲍勃见面”。
$(function() { // document ready
$('#calendar').fullCalendar({
header: {
浏览 3提问于2017-04-27得票数 10
回答已采纳
JSFiddle：
正如您所看到的，我有一个非常简单的标记，带有一个图像，它(最终)将被拖动来改变背景位置。如果您拖动一点，您可以看到激发的事件的x，y坐标，但最后激发的事件似乎总是有一个负的X，Y坐标对，这似乎取决于“结果”jsfiddle帧的大小。
上一次事件的坐标是什么?为什么它们是负数？它们是从“拖动”类型的事件中触发的，但仅当最后一个鼠标向上移动发生时(不会从拖动事件中触发鼠标向上移动，因为这是没有意义的)。
标记HTML
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAA
浏览 0提问于2013-09-24得票数 5
1回答
我试图在一个容器中有一个div，当用户单击并拖动文档区域的某个地方时，.room元素通过按住中间单击按钮在.viewport元素内平移。
这是一个问题：(请右击这个按钮，中间单击由于某种原因不能工作)
JS
var mouseX = 0;
var mouseY = 0;
var scale = 1.0;
$(document).mousemove(function (e) {
var offset = $('.room').offset();
//relative mouse x,y
mouseX = parseFloat((e.pageX -
浏览 0提问于2014-03-05得票数 5
回答已采纳
1回答
我有一个简单的html文档。
主体内的div，它包含以下css规则：
html,body {
height: 100%;
margin: 0;
}
#game {
width: 1000px;
height: 1000px;
background-image:url(../img/test.jpg);
background-attachment: scroll;
background-repeat: no-repeat;
}
HTML：
<html>
<head>
浏览 1提问于2018-05-13得票数 2
回答已采纳
1回答
我正在尝试创建一个页面，我想在其中拖动一个按钮到一个地方。如果我想改变按钮的位置，我想再次拖动它。但这并不能解决问题。
以下是我的代码
<!DOCTYPE html>
<html>
<head>
<title>test page</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="jquery-ui-1.11.2
浏览 0提问于2014-11-10得票数 1
在具有背景的DIV容器中，我有一个没有背景的可拖DIV：
<div style="width: 200px; height: 200px; background: red">
<div style="width: 100px; height: 100px; border: 1px solid black" draggable="true">
div without background
</div>
</div>
当我拖动内部的DIV时，由于某种原因，它会与父背景一起移动。是
浏览 2提问于2020-05-15得票数 2
回答已采纳
1回答
我想在我的应用程序中拖动一个元素，并想创建一个限制区域，以便只能在某个区域内拖动该元素。
我有这样的东西。
html
<div id='background'>
</div>
<div id="wrapper">
<img id='viewer' src='http://i60.tinypic.com/1191gxt.jpg' />
</div>
css
#background{
background: url('http://www.ii
浏览 2提问于2014-02-07得票数 0
我正试着向JavaScript学习。正如告诉的那样，我有下面的main.js文件，它将改变背景色，但是当我单击按钮时什么都不会发生:-
var btn = document.querySelector('button');
function bgChange() {
var rndCol = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')';
document.body.style.backgroundColor = rn
浏览 2提问于2018-02-23得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
