如何将图片定位到不同的位置
将图片定位到不同的位置可以通过CSS的定位属性来实现。常用的定位属性有相对定位（relative）、绝对定位（absolute）、固定定位（fixed）和粘性定位（sticky）。
- 相对定位（relative）：相对于元素在文档流中的位置进行定位，不会脱离文档流。可以使用top、bottom、left和right属性来调整元素的位置。
- 绝对定位（absolute）：相对于最近的已定位的祖先元素进行定位，如果没有已定位的祖先元素，则相对于文档的初始包含块进行定位。会脱离文档流。同样可以使用top、bottom、left和right属性来调整元素的位置。
- 固定定位（fixed）：相对于浏览器窗口进行定位，不会随滚动条滚动而改变位置。同样可以使用top、bottom、left和right属性来调整元素的位置。
- 粘性定位（sticky）：元素在跨越特定阈值前为相对定位，之后为固定定位。可以使用top、bottom、left和right属性来调整元素的位置。
根据具体需求，选择适合的定位属性来实现图片的定位。例如，如果需要将图片相对于某个容器进行定位，可以给容器设置相对定位，然后通过调整top、bottom、left和right属性来定位图片。如果需要将图片固定在页面某个位置，可以给图片设置固定定位，并设置相应的top、bottom、left和right属性值。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于图片、视频等多媒体资源的存储和管理。详情请参考：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供弹性计算能力，可用于搭建网站、应用程序等。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：加速图片等静态资源的传输，提供更快的访问速度和更好的用户体验。详情请参考：https://cloud.tencent.com/product/cdn
相关·内容
如何将PictureBox棋子添加到PictureBox棋盘的顶部，使其位置相对于棋盘？
PictureBox chessPiece = new PictureBox();
chessPiece.Image = Properties.Resources.PawnBlack;
chessPiece.BackColor = Color.Transparent;
chessPiece.BringToFront();
chessBoard.Controls.Add(chessPiece);
chessPiece.Location = new Point(0, 0);
一个图片框可以被添加到另一个图片框
浏览 3提问于2015-01-11得票数 0
回答已采纳
我正为这件事苦苦挣扎，希望能在代码方面找到帮助。我正在尝试以编程的方式添加9张图片(3x3)，这些图片将覆盖我的整个UIView。我的问题是，如何将我的UIView分割成9张甚至9张图片来覆盖所有这些，并考虑到iPhones屏幕大小之间的差异。我甚至不知道如何开始定制它，例如：
firstImage.frame = CGRectMake(?,? ,200,200)
secondImage.frame = CGRectMake(?,?, 200,200)
浏览 2提问于2015-02-04得票数 1
回答已采纳
我几乎没有发现在Android中与Kotlin一起使用iText/iTextG/iTextpdf。只有这一条仍然错误的指示：
但是，如果将依赖项设置为5.5.10，而不是5.5.11，则可以工作。我创建了一个PDF格式，在里面写了几段文字，还放了一张图片。但我不知道怎么画长方形。(以及如何将图像和文本放置到特定的坐标)。
浏览 0提问于2018-03-02得票数 0
回答已采纳
3回答
我试图在一张图片上创建一个文本块，在第一张图片中它工作得很好，但是如果我用相同的代码添加另一个div，第二张图片的文本块就定位在第一张图片中。
下面是我的例子：
<section>
<div>
<img src="">
<p><span>Text Example 1</span><p>
</div>
<div>
<img src="&#
浏览 0提问于2013-04-24得票数 0
回答已采纳
1回答
这张照片和其他类似的图片已经困扰了我一段时间了。当我使用malloc时，这应该是动态数据堆的一部分。然而，这似乎是由上面的堆栈，这似乎是非常无效的限制。程序无法预测我计划分配多少内存，那么程序如何判断堆栈的放置程度呢？似乎中间的所有内存都被浪费了，我想知道这些程序是如何工作的，这些程序可能从不使用任何动态内存的小型服务程序到可能分配大量内存的视频游戏。
比如说，我打开了微软的画图。如果我把一张高分辨率的图片粘贴到里面，油漆的内存分配就会猛增。这段记忆是从哪里拿来的？我真正想要的是我的整个RAM棒的快照，上面贴着标签，用来显示计算机的许多程序是如何将计算机的内存作为一个整体来划分的，但我只
浏览 3提问于2015-09-05得票数 17
回答已采纳
1回答
图片中的多个复选框
、、、
我知道如何将图片放在一个复选框中(通过css)。
但这个例子：
我想在这个位置把每个数字的复选框放进图片中。复选框也可以在图片旁边，但在确切的位置。
我们是怎么做到的？
谢谢你的帮助
浏览 0提问于2016-11-30得票数 0
回答已采纳
1回答
我需要像下面的图片一样做一个旋转器。我的问题是-如何将箭头(下拉提示)添加到微调器中第一个元素的右侧部分。如果它(我的意思是箭头，而不是“选择测试”)在用户按下它后会消失，效果会更好 ?
浏览 15提问于2019-12-18得票数 0
回答已采纳
1回答
我已经添加了脸标签到一套800张图片使用数字化。我将在下周收到同样的高分辨率图片，并想知道是否以及如何将这些人脸标签从第一个低分辨率集复制到第二个高分辨率集。
我在运行Kubuntu 18.04。我的数字版本是5.6.0。我在使用其他软件时没有问题。我不想使用任何涉及上传这些标签到互联网的服务/程序。
浏览 0提问于2018-07-19得票数 1
回答已采纳
我有一个网站：
在chrome中，你会注意到所有打开了鼠标悬停的图片都被错误地定位了。这个缺陷是最近才发生的。也许是因为chrome代码发生了一些变化。
解决方案就是使用chrome hack，这样就不会影响其他浏览器了吗？
浏览 5提问于2013-04-18得票数 0
我正在着手一个大项目，但在一开始就被一个小问题卡住了。我会尽量简明扼要。
我有一个PHP脚本，将回显到页面的页脚(在</body></html>之前的最后一个东西，一堆包含可见按钮的<div>和包含隐藏对话框的<div>。
我们的计划是让按钮浮动在页面主要内容区域中相应<div>的右上角。也就是说，回显到页脚中的按钮-1将浮动在content-box-1的角落，并将绑定到隐藏的<div>‘<div>-1’。
我将在整个页面中使用jQuery和jQuery UI对话框。我不确定这是否与这个问题特别相关，但为了以防
浏览 1提问于2010-04-03得票数 1
回答已采纳
Three.js:加载的glb模型的中心与其边界框的中心不同。如何将其所有的网格几何形状转换为与其边界框具有相同的中心？ 对于间隙:当我设置边界框的位置=模型的位置时。边界框不再覆盖模型(如下图所示)。 因为我将使用边界框来创建佳能刚体，所以模型的位置将由刚体更新。因此，我需要平移模型中的网格位置，使center =边界框中心。 在图片中:3个模型，3个边界框和3个boxHelper(红色)。 ?
浏览 16提问于2019-08-22得票数 1
回答已采纳
2回答
在我的网站上，我想让图片从页面底部出现，然后上升到页面的顶部，但是我想不出如何将图像隐藏在页面的底部。
这是如何做到的呢？我试着把position:relative和overflow:hidden都放在<body>和<html>标签上，然后尝试把一个比<body>和<html>都大的position:absolute图像放上去，但是窗口总是向下滚动-
示例：
我试过这两种不能用的版本-
<html style="position:relative">
<body>
<img styl
浏览 1提问于2014-03-19得票数 0
回答已采纳
3回答
我在div中放置了很多图片，这样所有图片都是完整的。另外，当我将div复制到其他页面时，图片是相同的，但我可以修改将div放在页面中的位置。现在我的问题是:我希望div中的这些完整图片更小，并且仍然是我的代码中的每个示例：
<div style="position:absolute; top:900px; left:500px" >
<img id="Burimi" style="position:absolute; left:10px" src="Images/Reagion/Burimi-B.pn
浏览 0提问于2013-02-28得票数 0
回答已采纳
1回答
我有以下问题，我正在处理显示DNA片段(显示为白色条带)的凝胶电泳图像A。我想提取它们并对它们进行分析(在正确的位置上是已知大小和浓度的标准，可以推断到其他三个样本)。每个样本都被加载到一个通道中。一项任务是找到通道(在本例中为4条)，另一项任务是提取图片中存在DNA条带的位置。
我在找乐队的时候遇到了一些问题。我已经尝试了几种方法，例如像素比较，边缘检测，角点检测，模板匹配，二值图像，但所有这些方法都没有给出足够的结果，特别是如果图片不好(可能是不好的ran，一种smearingC)，或者如果波段彼此接近。
既然我不是图像专家，有人可以去掉一些在这种情况下经常使用的关键词吗？实际上，我甚至不
浏览 0提问于2012-02-08得票数 0
回答已采纳
图片背景位置在50%左右，背景图片居中，但50%左右的绝对定位元素没有居中div元素，为什么？
代码如下：
<div style="position:relative;height:100px; background:url(images/demo.jpg) no-repeat 50% 0">
<div style="min-height:40px; width:140px; background-color:#aaa;position:absolute;top:0;left:50%;">
heloo this is
浏览 0提问于2013-02-27得票数 0
回答已采纳
当我在Ubuntu服务器中打开一个日志文件时，我的服务器字体根据下面的图片更改为模糊字符：
📷
如何将其恢复到常规字体？
浏览 0提问于2019-07-10得票数 1
我想知道如何将图片文件动态插入到特定的单元格坐标中。我尝试使用此代码，但它在绝对位置插入图片。 With ActiveSheet.Pictures.Insert("C:\Users\zkumh45\Documents\StoryJPG.jpg")
.Left = ActiveSheet.Range("A1").Left
.Top = ActiveSheet.Range("A1").Top
.Placement = 1
浏览 30提问于2020-01-24得票数 0
回答已采纳
1回答
我已经提取了用户在facebook上的头像。
我的问题是:在点击一个按钮后，用户的facebook头像怎么会出现在coords="4,25,33,54“中？如何将图片回显到这个坐标中？
感谢大家的时间和努力。
浏览 4提问于2012-06-22得票数 1
我的背景覆盖了整个屏幕。黑线是视口的尽头。
主-div只是一个容器(深蓝色)使用位置绝对。
顶部(黄色)也使用绝对位置.
中-div(红色)也使用位置绝对。
为什么？好的，我想让中档(红色)垂直覆盖屏幕。而且只有一半应该是可见的-需要滚动才能看到它。
所有操作都很好，但是我如何将页脚-div(黄色)定位在中间div(红色)下面呢？
黄色页脚的CSS代码：
#footy
{
width: 100%;
height: 100px;
position: absolute;
bottom: 0px;
border: 1px solid yellow;
浏览 3提问于2013-12-19得票数 0
回答已采纳
在WPF项目中，如果我有一个图像并单击“源”，然后单击“添加”，我可以选择将图像导入到项目中。有没有办法改变这个文件的位置？
VS2010当前默认设置为“库/图片”。我不想改变这个库所指向的位置，因为我不会将图标和图片存储在一起。经过一些研究后，我为图标设置了一个新的Windows库(有用的文章)，但是我不知道如何将VS设置为我创建的图标库的默认值，有人知道怎么做吗？
浏览 0提问于2012-02-03得票数 2
回答已采纳
我正在开发一个网站，客户要求我们使用超大尺寸的插件来显示图片库-这很好，但是他们要求背景图像与网站一起滚动，而不是固定到浏览器窗口。就像这样-- 。
我试着修改我的CSS (改变位置:固定为绝对)，但似乎没有什么能达到这个效果。
网站目前在我的本地服务器上，但我使用的是带有淡入淡出过渡的超大3.2 -
任何建议/想法都是非常受欢迎的。
谢谢
浏览 0提问于2012-02-08得票数 0
问题是：
一位艺术家在网上发布一幅他们作品的图片，并持有创作共用属性许可(在网站A上)，有人在另一个网站(网站B)上重新发布带有属性的图片，互联网发生，图像被裁剪，大小调整，归属通知丢失。
(暂定)解决办法：
艺术家的名字，网站和归属许可被隐藏在图像中。因此，图像或网站的用户可以提取数据(并显示数据)。
问题是：
如何将数据隐写嵌入到图像中，以适应调整大小和裁剪的能力？
不必担心的事情：
篡改数据
只使用exif元数据(因为经常丢失)
说服所有的艺术家他们应该这么做
浏览 0提问于2019-05-09得票数 0
回答已采纳
1回答
我是Swift的新手，我正在尝试将手机(或互联网)的图片保存到我的应用程序中。我发现了许多教程，显示如何查看图像，但没有显示如何将其保存到我的应用程序(我猜到了我的资产文件夹)，然后使用它。谁能帮我找到正确的方向吗？
浏览 0提问于2016-06-06得票数 0
我有这样的形象：
如何将一些输入字段插入到图像中？
用户可以单击图像的输入字段(绿色框)并输入一些值吗？
浏览 5提问于2015-11-09得票数 0
回答已采纳
1回答
我目前正在制作一个jquery图像滑块，其中2张图片可以向左或右滑动，以查看前后的照片。我有我想要的一切，除了封面图片的位置。约40%的封面图像似乎转移到右边的边界，但第二张图像是完善的位置在边界内。请建议我如何将我的封面图像完美地放在边界内，就像我的第二张图片。
HTML:
<div class="con">
<img src="warming1.jpg" class="imageOne">
<div class="coverImage"></div>
浏览 1提问于2015-12-18得票数 2
回答已采纳
例如，我想创建一个模板，如下图所示。
如何将容器内的每个div定位到其绝对位置？我更希望不需要使用浮点型属性。任何简短的例子都将不胜感激。
浏览 0提问于2013-02-25得票数 19
回答已采纳
2回答
我是dreamweaver和构建网站的新手，但有一件事让我感到困惑，那就是定位多个图像。
示例:我向网站添加了一张图片，并使用位置工具/代码对其进行定位。它的效果很好。然后我去添加另一个图像，当我去定位它时，我首先放置的图像将随着它一起移动，就好像它们是如何链接在一起的。
所以问题是，当我使用位置工具时，我如何将它们分开定位，使它们不会一起移动？
浏览 2提问于2014-04-10得票数 0
3回答
页面对齐问题
、、
我已经为这个问题挣扎了几个小时，尽管这看起来很可笑，但我还是无法解决它。
这是网页草稿，
如果您单击Bio链接，您将注意到Biography.html上的顶部栏菜单正在稍微向右移动。
我们如何解决这个问题呢？有什么想法吗？
附注:我已经注意到，如果我在biography.html中有和在test.html中相同的图片，没有问题，顶部栏保持在saim位置。
浏览 0提问于2012-07-26得票数 0
回答已采纳
我试图消除在左浮动div向左移动时使用负偏移量时所造成的空白。
有关地点：
pic类
.pic {
float: left;
width: 175px;
height: 750px;
margin-right: 22px;
position: relative;
left: -191px;
}
这就是我如何将图片向左移动，我希望右边的内容(衣服、阿凡达和皮肤、头像和脸)左对齐；类似于配饰的定位方式。
我希望避免使用相同的过程将它们移到左边。
浏览 0提问于2015-11-26得票数 1
回答已采纳
在React中，当一个特定的图片被选中时，我正在动画化从许多图片到一个图片的转换。
根据原始点击图像的x和y位置，我使用下面的css来制作动画。现在是硬编码。但是，当将值放入css的翻译中时，这些值似乎是不存在的，我不知道为什么。
我绝对定位了一个具有相同值的div，这是正确的。但是，翻译的起始值不是我要投入的。
@keyframes move-image {
from {
transform: translate( 383.125px, 7.998px) scale(1);
}
}
.animation {
animation: move-image
浏览 0提问于2019-02-25得票数 1
回答已采纳
让我们从我使用的正方形CSS代码注入器开始。我试图有一些图像放置在后面的文字链接，阅读(菜单，我们销售的东西，批发)与我的背景图像，这是很难看到链接。我想添加小木板作为他们背后的形象。感谢任何人的帮助。 我的网站: www.slurpnsnack.com My website 编辑:我不想将背景图片添加到标题本身。我想知道是否有一种方法可以将图片本身附加到链接后面，或者只是如何将我自己的链接放在那里。
浏览 22提问于2021-07-01得票数 1
1回答
下面是一个我用来将图表从excel电子表格中拉入ppt的过程。然而，有一件事我搞不懂，那就是如何将图片插入到“对象”中，而不是仅仅将其粘贴到屏幕上。(例如，如果我做了一个ppLayoutFourObjects，并将四个图表发送到此幻灯片，在添加另一个之前，我需要知道如何将图表粘贴到从4个对象选择中显示的每个指定矩形中)。我知道第一个似乎总是矩形5，我不能得到正确的代码。请帮帮忙。这都是2003年的Office。
sub xls2ppt()
'I use this to pull charts into ppt from excel
Dim xlApp As Object
Dim
浏览 0提问于2009-06-19得票数 1
回答已采纳
2回答
从这个代码：
我想将包装器高度设置为lorem ipsum文本高度。
因此，我创建了以下代码：，但是包装器的高度总是与html高度相同。如何将包装的大小提高到文本的高度？
.wrapper {
width:400px;
position: relative;
height: 100%;
}
我这样做了，但现在包装器的大小与html-body大小相同。
浏览 3提问于2014-06-13得票数 0
回答已采纳
我试图创建类似的东西，如MS油漆，我需要一个功能，我可以点击现场，并立即能够写我点击的地方。我使用这个中的整个代码示例来解决如何在canvas和textarea之间切换。换句话说，如何在“绘图”和“写作”模式之间切换。因此，目前我可以绘制和编写，但是我的问题是，我想在任何时候单击textarea，而不是在行的开头写文本。这就是我所想象的()。
因此，我想添加一个处理程序，它可以给出鼠标的坐标，并将Caret设置为该位置：
textarea.setOnMouseClicked(event->{
textarea.positionCaret();
});
只需要意识到
浏览 4提问于2021-12-28得票数 1
回答已采纳
我确实使用OpenXML SDK API插入了一个图像。然而，我不知道如何将图像定位到页面的任何部分(可能使用类似于(x，y)坐标的任何东西)？
浏览 1提问于2010-03-29得票数 3
回答已采纳
3回答
我有一个用于标签的CSS样式
#profile form label {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 21px;
text-align: center;
color: #FFF;
text-shadow: 0px 2px 1px #333;
top: 318px;
text-align: center;
width: 273px;
opacity: 0.9;
left: 140px;
display
浏览 2提问于2013-05-03得票数 0
回答已采纳
1回答
ALAssetsLibrary *library = [[ALAssetsLibrary alloc] init];
[library writeImageToSavedPhotosAlbum:[image CGImage] orientation:(ALAssetOrientation)[image imageOrientation] completionBlock:^(NSURL *assetURL, NSError *error){
if (error) {
// TODO: error handling
} else {
// TODO: success
浏览 1提问于2015-01-18得票数 0
我正在写一个Chrome扩展来提取网页中的图像，并将它们存储到本地磁盘中。现在我已经得到了所有图片的URL，如何将它们存储到本地磁盘？
浏览 0提问于2011-06-12得票数 0
回答已采纳
1回答
我对在Safari上的图片位置有问题。
首先，在Chrome、Firefox和上，结果是正确的：
但是在Safari上有一个问题：
有CSS：
span.boy_hand {
background:url(../img/hand_png.png) no-repeat;
height:35px;
width:51px;
position:fixed;
top:470px;
margin-left:-32px;
}
你能告诉我它从哪里来吗？
浏览 2提问于2014-04-24得票数 0
回答已采纳
1回答
我对这一切都是新手，所以我的术语可能有点不靠谱。
在这个页面上-- --有一些图片出现在屏幕的边缘--在主内容区域/容器之外。这些图片出现在每个博客帖子上，并且，无论帖子的长度如何，这些图片都会出现在相同的相对位置。
我如何复制它？
我试过用谷歌搜索答案，但我肯定没有使用正确的术语，因为我什么也没找到。它能像我可以使用的插件一样简单吗？
如果有用的话，我的网站使用了genesis框架，而且我在编辑php和css方面是一个自信的新手。
浏览 10提问于2016-09-14得票数 0
目前我有一张图片，当屏幕缩小时，图片也会随之缩小并卷曲。我意识到这是因为我将图像的高度和宽度设置为百分比：
<div class="container1 overlay">
<img class="fleet" id="hero" src="./images/hero-truck-lg.jpg" alt="Mountain View">
</div>
#hero {
height: 100%;
width: 100%;
mar
浏览 31提问于2018-02-11得票数 0
回答已采纳
3回答
这里我使用了3张图片，我需要第三张图片上的文字。
我的代码是：
<div style="position: relative; left: 0; top: 0;">
<img src="Images/img1.png" style="position: relative; top: 0; left: 0;" />
<img src="Images/img2.png" style="position: absolute; top: 10px; left:450px;" /
浏览 0提问于2013-03-26得票数 1
回答已采纳
2回答
我有一个div，它就像一个容器，里面有两张图片。一个图像位于div的左侧，另一个位于右侧。我的容器是Bootstrap的容器
这两个文件都包装了一个div's position，该div就是fixed。
我的问题是，我找不到正确的图像连接到conatiner的右侧。我尝试了float和right属性，但它们没有给出预期的结果。
如何将div附加到另一个div的右侧？
浏览 4提问于2015-08-05得票数 11
1回答
只有在左侧顶部找到图片时，才会显示包含信息的框。当我将光标移动到位于左侧顶部或中间的图片上时，此框仅通过位于左侧顶部的图片为我显示信息。
在中间图片中移动光标后，它看起来像一个黑盒：
我的代码：
<div id="content">
<ul>
<li>
<a href="site2.php" class="images">
<img src="photo.jpg" style="posit
浏览 0提问于2016-07-09得票数 1
我不知道我是否遗漏了关于这方面的信息。但我想知道如何将静态文件存储到不同的VM中。我读到过，有些人建议对较大的站点这样做，以分离负载。
我目前的设置是使用一个带有nginx、virtualenv、gunicorn等的计算机引擎。我使用nginx在同一台服务器上显示静态文件(包括媒体文件)。
当用户上传图片时，如何将媒体文件推送到单独的nginx服务器？我如何也能获得相同的url？
浏览 2提问于2016-08-28得票数 1
1回答
我想制作一个显示图片的应用程序，我们可以用按钮移动图片的一侧。假设这是我的应用程序的布局。
当我们点击“顶部”按钮时，它将显示图片的顶部。
所以，当我们点击“中心”按钮时，它将显示图片的中间部分。
当我们点击“但是”按钮时，它会显示图片的按钮侧。
当我们点击“向上”按钮时，它会将图像像素一个像素地移动到顶部，而“向下”按钮也会向下移动图片。但是我遇到了问题。当我在布局上添加图片时，它会显示图片的所有部分。我希望我的应用程序可以显示我们选择的部分。有人能帮我吗？
浏览 3提问于2013-11-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
