在div中显示绝对定位的图像
，可以通过以下步骤实现：
- 首先，在HTML文件中创建一个div元素，可以使用以下代码：<div id="container"></div>
- 接下来，在CSS文件中设置div的样式，并将其位置设置为相对定位，可以使用以下代码：#container { position: relative; width: 500px; height: 300px; border: 1px solid #000; }这里设置了div的宽度为500px，高度为300px，并添加了一个边框。
- 然后，在HTML文件中创建一个img元素，并设置其样式为绝对定位，可以使用以下代码：<div id="container"> <img src="image.jpg" alt="Image" id="image"> </div>
- 在CSS文件中设置图像的样式，并将其位置设置为绝对定位，可以使用以下代码：#image { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }这里设置了图像的位置为div的中心，通过设置top和left属性为50%，并使用transform属性将图像向左和向上移动自身宽度和高度的一半，以实现居中显示。
至此，你就可以在div中显示绝对定位的图像了。根据具体需求，你可以调整div和图像的样式以及位置来达到你想要的效果。
腾讯云相关产品推荐：
- 对于静态网站托管，可以使用腾讯云的对象存储 COS（Cloud Object Storage）服务，详情请参考：腾讯云对象存储 COS
- 对于动态网站部署和管理，可以使用腾讯云的云服务器 CVM（Cloud Virtual Machine）服务，详情请参考：腾讯云云服务器 CVM
- 对于图像处理和分发加速，可以使用腾讯云的图片处理 CI（Cloud Image）服务，详情请参考：腾讯云图片处理 CI
- 对于视频处理和分发加速，可以使用腾讯云的云点播 VOD（Video on Demand）服务，详情请参考：腾讯云云点播 VOD
相关·内容
1回答
我目前正在使用Intersoft Webgrid 9来处理我们的一些页面。有些列使用内置的日历弹出窗口来编辑日期。
日历应该在文本框下面弹出以供编辑。在Chrome中，这很好用，但在IE中，弹出窗口显示在文本框上方。
日历弹出窗口是第一次单击日历图像时添加到页面的div。初始单击后，div仍保留在页面上，但不再使用时可见性更改为隐藏，或者位置根据正在编辑的文本框而更改。
由于我们使用的是Intersoft的资源，所以我无法直接访问图像单击事件的javascript。不过，我可以在日历图像中添加一个额外的单击事件，但它会在div绘制之前触发。之后，因为div现在在页面上，所以我可以通过这个cli
浏览 17提问于2018-08-27得票数 0
3回答
我有一个顶部栏，链接是使用float.In设置的，其中一个链接，我有一个浮动的div.In，我想显示一个绝对的定位图像。我使用绝对因为我不想显示完整的图像，只有一部分将是displayed.this是通过使用顶部和左作为
CSS
div.cont{
max-width:50px;
min-width:50px;
height:50px;
overflow:hidden;
}
img{
position:absolute;
width:100px;
height:100px;
top:-10px;
left:-15px;
}
浏览 7提问于2013-02-13得票数 2
回答已采纳
我使用div和背景图像样式属性在另一个图像(第一个图像是头像，第二个图像是它的帧)上渲染图像。问题是，当用户将鼠标悬停在它们上面时，我也想要一个图像出现在所有2个上面。我已经使用z-index超过2小时了，但是我不能让它工作。要么是悬停在50%的情况下工作(因为z索引对于悬停和头像是相同的)，要么是头像只有在也可以看到悬停时才会显示出来。我尝试过的代码之一(头像只在悬停图像也可见时显示)：
echo "<div style=\"display:inline-block; width:81px; height:65px;\">";
echo "
浏览 1提问于2011-12-20得票数 0
containerdiv有两个图像，我让它们显示在左边和右边：
.container {
background-image: url('img/left.png'),url('img/right.png');
background-position: left,130px;
overflow: visible;//this line doesn't work
}
目前，right.png位于container div的右边界之外，并且隐藏在另一个名为div2的container div的右侧。
如何使right.png图像显示在di
浏览 2提问于2013-08-20得票数 1
回答已采纳
2回答
mPDF绝对位置
、、
我需要从HTML输入生成PDF文件：
<div style="width: 14cm; height: 21cm; position: relative">
<img src="bg-image.jpg" style="width: 100%; height: 100%; position: absolute; left: 0; top: 0">
<img src="image.jpg" style="width: 100px; height: 100px; position: abs
浏览 0提问于2013-06-02得票数 12
2回答
我有一个相对定位的div，里面有很多绝对定位的img：
<div class="container">
<img />
<img />
</div>
.container{
position: relative;
border: 4px solid #ccc;
}
.container img
{
position: absolute;
}
我想要达到什么目的？我正在使用淡入淡出图像。
图像显示，但.container未伸展到该高度。我该如何解决这个问题？
浏览 0提问于2010-11-19得票数 2
回答已采纳
因此，我在电子商务环境中有一个产品网格，每个网格单元的高度由照片的高度决定。在网格中显示时，宽度总是相同的，但有些图片会设法变高。
我正在尝试找出最简单的方法(除了手动裁剪它们之外)来动态确定某个类的最短照片的高度，然后将所有照片裁剪或遮罩到该高度？
下面是一个非常基本的示例，说明了该代码可能的样子。假设有一个CSS规则，它将类item的每个div设置为25%的宽度，并且它们以内联方式显示。在这种情况下，与我的情况一样，宽高比不相等的图像将比相邻图像更高或更短。
<div class="row">
<div class="item">
浏览 0提问于2017-02-01得票数 0
2回答
我正在创建一个网站在C#，我需要添加的内容之上的图片。图像不应该设置为背景图像，除非它应该在img标记中设置。每当我尝试添加内容(例如，要显示在图像顶部的表或标签)时，它要么出现在图像之前或之后，而不是出现在图像本身上。如何使内容显示在我添加的图像上？请帮帮忙。
这是我的密码：
<form id="form1" runat="server">
<div id="main">
<div id="bg2">
<img src="Pics/
浏览 3提问于2015-02-25得票数 0
回答已采纳
2回答
我有一个图片库，它以5X5矩阵显示图像。每个图像都有一个onmouseover函数，其中在隐藏的div中显示有关图像的一些详细信息，而使用onmouseout隐藏包含详细信息的div。包含图像详细信息的div可能包含可点击的链接，因此我将div显示在光标位置的正下方。
我面临的问题是第5列中的图像。如果包含详细信息的div包含更多内容，它将创建一个水平滚动条，详细信息将被截断。如何始终在光标下方显示视区内的详细信息div？
它没什么特别之处，但下面是代码
function eventRollOver(id) {
var did = 'img_'+id;
doc
浏览 0提问于2010-03-04得票数 1
回答已采纳
2回答
这是我的页面：
如果我将鼠标悬停在每一行中的第一个图像上，得到的图像是div的完整大小，因此会将第二个图像推到可见性之外。
我希望当我将鼠标悬停在第二张图片上时，同样的事情也会发生。也许它会将第一个图像推到div层的左侧之外，而只显示第二个图像。我尝试将位置设置为绝对悬停和左侧: 0；这似乎有效，但也似乎不稳定，并将第一张图像的标题保留在tact中(有时与第二张的标题冲突)。
有什么想法吗？
浏览 0提问于2013-01-16得票数 0
回答已采纳
1回答
我有一个具有相对位置的父容器div。在div中，我有一个文本块和一个图像。文本块具有覆盖图像的绝对位置，而图像本身有一个适合于对象的:掩护。
<div class="landing-cms-grid-content">
<img src="....." />
<div class="landing-cms-grid-content-wrapper">
<div class="landing-cms-grid-subtitle">
浏览 5提问于2022-04-27得票数 0
2回答
我正在尝试有一个一层，并在中心图像。也就是说，如果我有3个图片，并且想在它们下面有3个链接，有没有一种方法可以做到这一点，而不是为每个链接和图片使用单独的div标签？为了自动使链接在图像下方居中，并使图像在层内均匀分布？
我还在想，如果可能的话，我将如何在标准html后面显示div。也就是说，如果我有一些文本，并且在文本上有一个div，那么div将默认显示在文本上，而我希望它在后面。这只能通过使用另一个层来实现吗？
浏览 4提问于2008-11-17得票数 0
回答已采纳
1回答
我在跨浏览器问题上不是很有经验，但我有这样的问题：
景物:，假设我有div of width:800px，在div中有2个按钮(左-araow-右箭头)，onclick在div中的任何一个按钮上改变图像位置(图像向右或向左移动，但停留在外部div )。
问题:当我调整尺寸或降低屏幕分辨率时，我的CSS就会改变；图像从div中消失，按钮的位置也会发生变化。
有什么想法或解决办法吗？谢谢。
编辑:在火狐和Opera中运行良好，但在Google和IE中不起作用。
以下是html：
<div class="hand">
<div id="handins
浏览 2提问于2012-05-29得票数 0
我在div中有一个300px大小的图像，我想在图像的两侧添加下一个和上一个箭头。然而，一个额外的问题是，如果屏幕是300px，我希望箭头在图像的顶部。如何做到这一点？
我的div代码如下：
<!--this div is the container for the carousel -->
<div id='mySwipe' style='max-width:300px; margin:0 auto' class='swipe'>
<!--the images are in this div -->
&
浏览 0提问于2013-05-03得票数 1
回答已采纳
我是新来的，我是jquery，现在我试着用.animate做些什么。
我用图像从div构建网格，并放大其中一个图像。但是当我放大一个，其他元素就会改变位置。我该怎么做才能把这个放大的元素放大到其他图层--我想把它放大，但在其他图像上。我想我必须复制这个div然后放大它？或者，在actionscript的“深度”中，我可以将对象移动到更大的深度。
我的代码非常简单：
$('.profile').hover(
function() {
$(this).animate({ 'zoom': 1.05 }, 400);
},
function() {
$
浏览 0提问于2013-07-28得票数 1
回答已采纳
2回答
我有一个横幅设置在我的网站顶部，它有绝对位置，所以我可以设置一个100%的高度，以便背景图像占据整个屏幕，用户看到。
然后，我把另一个部分放在横幅下面，但是新的div不是显示在横幅下面，而是显示在页面的顶部。
希望我说得通了
救命！
浏览 5提问于2016-05-09得票数 0
回答已采纳
3回答
使重叠图像在引导列中居中
、、、
我目前正在尝试这样做：
问题是这些是绝对定位的图像，所以它们可以重叠。我想在Bootstrap列中居中显示这些重叠的图像，如下所示：
<div class="row">
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12 text-center">
<div id="imgdiv">
<img id="ximage" src="css/images/x-ray-l
浏览 1提问于2015-02-14得票数 0
2回答
我想创造一个div，谁有一些链接，和一个标志的形象。问题是我不想让div调整到图像大小。我想要那个图像显示在div上。我想要些像图像一样的东西。但是当我在div中添加图像时，div大小就会增加以包含图像。
浏览 3提问于2014-03-23得票数 0
回答已采纳
1回答
将制表符图标挂钩到图像上
、、、、
我想在画廊中展示的图像的底部边框上放一个标签。此选项卡应与图像边框相邻，不应有一个像素空间。
单击此选项卡将触发一个小java脚本，以显示div #元数据的内容
function showMetadata()
{document.getElementById("Metadata").style.display="block";}
显示的div #元数据包含一个按钮，用于“关闭”#元数据的显示。
function hideMetadata()
{document.getElementById("Metadata").style.display=&#
浏览 1提问于2012-02-13得票数 0
回答已采纳
1回答
我想在我的第一张谷歌图片上显示一个绝对按钮。基本上，这个按钮应该位于第一个div容器的和第一个图像的顶部。我重复一些事情，看看它是否正常工作。但是，第二个绝对按钮没有出现，我猜它在第一个绝对按钮下面。如何修复它以显示对应的div容器的第一个google图像(白色的)中的每个绝对按钮。
我已经这样做了()，但它没有正确显示。在这里，我也使用边界来查看由div标记引起的问题，但是仍然有一些问题我不明白为什么？
浏览 1提问于2013-08-12得票数 0
回答已采纳
2回答
IE9溢出隐藏问题
、、、、
我在IE9中遇到了一个问题(至少还没有检查其他IE)，其中带有overflow:hidden的div被它的子div忽略了。图像中蓝色勾画的div是overflow:hidden容器div。图像应该包含在容器中。
我知道将容器div设置为position:relative是可行的，但是有绝对定位的“以前”和“下一步”按钮，如果我这样做，将不会显示。
这在Firefox和Chrome中显示得很好
实际
期望
html
<div id="instagramViewer" class="slideshow">
<div class=
浏览 3提问于2012-09-19得票数 5
回答已采纳
我有一个HTML，它有一些div元素，例如：
<body id="theBody">
<div id="box1">
<div id="boxLeft"></div>
<div id="boxRight"></div>
</div>
...
在JavaScript代码中，我执行如下操作：
var theLeftSide = document.getElementById("boxLeft");
new
浏览 8提问于2016-04-08得票数 1
回答已采纳
1回答
我有一个带有GridView的表单和一个包含图像的表。这些图像有一个div (工具提示)，显示在onmouseover上。div显示在表单的最底部，而不是像我想要的那样靠近图像。如何使div显示在图像的下方和左边？
ascx代码：
<table>
<tr>
<asp:Label ID="Tools" runat="server" Text="Tools" />
<div style="display: inline; position:relative; ">
<asp:Ima
浏览 3提问于2014-01-15得票数 0
回答已采纳
1回答
我使用Bootstrap的工具提示在显示页面中的一些按钮上显示文本。一切都很正常，除了工具提示的显示完全在页脚下方。例如 蓝色突出显示的单击按钮应显示“添加新记录”： ? 下图显示了在页脚下方添加新记录，而不是显示在按钮附近 错误图像： ? CSS代码如下所示： .tooltip {
position: absolute;
z-index: 1070;
display: inline;
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",
浏览 10提问于2019-02-04得票数 0
3回答
我使用了一个jquery图像缩放插件来处理我正在构建的页面上的一个大图像：
我试图在图片下面放置一个导航div，但我不能这样做，因为图片是绝对定位的，图像的比例会发生变化，所以我不能仅仅为导航指定一个padding-top值来让它显示在照片下面。
任何帮助都将不胜感激。
浏览 0提问于2010-09-29得票数 0
我需要一些定位方面的建议。我得到了这个正方形，它应该在页面的中心。并且有一个标志和一个标志字体图像围绕着正方形。现在，我希望它尽可能地动态，因为我在其他地方也使用了正方形和图像。所以我不能真的使用刚性静态定位。
这是网站: www.matkalenderen.no
我该怎么做呢？我想要的标志出现在广场的左侧。以及显示在正方形上方的字体。正方形本身应该居中。你可能已经明白了:)现在我对所有东西都有了一个包装器，它也是居中的。
HTML
<div id="loginWrapper">
<img class="LogoChef" alt=
浏览 0提问于2010-03-17得票数 1
回答已采纳
2回答
我有一个"maincontent“div，它包含我的内容。里面有一些javascript (Fancybox)用来显示图片。我试图让div的高度自动改变，以适应其中的任何内容，这样div本身就不会滚动，但整个网页会滚动。
这里有一个我想修复的页面：
我尝试过修改min-height、height:auto、overflow:auto等，但都没有结果。Height:auto认为文本是div中唯一的东西，就像它完全忽略了javascript图像一样。
下面是我现在的css：
div#content {
overflow:auto;
width:958px;
height: 800px;
p
浏览 0提问于2012-07-20得票数 0
1回答
位置:绝对和溢出:隐藏？
、、、、
我正在尝试在一个div中有一些图像。应该只显示一个图像。我使用：
<div id="slideshow" style="width:600px;height:400px;position:absolute;overflow:hidden;"></div>
<img src="img3.png" width="600px" height="400px" id="img3" style="position:absolute;left:0px;">
&l
浏览 0提问于2012-09-29得票数 0
回答已采纳
我有一个绝对定位图像的div。但是我想让高度是动态的，这样它就能显示图像。现在，div忽略图像并将折叠为文本的内容。我怎样才能让div显示整个图像？
<div style="position:relative; height:auto">
<img style="position:absolute; top:100px; left:100px;"/>
</div>
浏览 5提问于2013-12-21得票数 0
回答已采纳
我有一个页面，我尝试使用JS/JQuery为一个图像创建页面上的弹出窗口，遵循这个示例()。
尽管我成功了，但当我试图在我的客户页面上实现它时，无论我为它配置多高的"z-index“，一些div都会出现在我的弹出窗口前面。此外，这些div似乎是动态生成的，因为它们包含“包装”id div，我在这个页面的.php文件中找不到这个“包装”id div。
因此，无论我做什么，这些图像都会显示在弹出窗口的前面(除非我使用"Inspect element“工具删除它们，或者使用Inspect Element更改它们的z索引，从而更改这个自动生成的"wrap”div的内联样式)。
浏览 0提问于2015-12-15得票数 0
我想要一个带有文本的div出现在图像的上方。您可以(某种程度上)看到我在这里尝试做的事情:在右下角的联系人框中使用。文本显示在图像上方，但背景颜色显示在下方。
下面是HTML：
<div class="visible-all-devices ftr-widget">
<h2>Contact</h2>
<div class="textwidget">
<p><a href="http://innerwestadv.com/odom/contact/"><img w
浏览 1提问于2015-05-28得票数 0
我终于得到了一个很酷的小推特鸟，它在我的推特上显示了最新的消息。
我唯一的问题是关于实际推文的位置。由于每条推文中的字符数量不断变化，方框垂直扩展(在高度上增大)，有时会使图像被忽略/破坏效果。
我仍然不擅长CSS，所以我不确定我是否遗漏了一些简单的东西，但是这里有两个例子来向你们说明这个概念。
21字符Tweet测试：
140字符Tweet测试：
下面是我使用的代码(请注意，“小写左”div是由外部CSS设计的)：
<div id="lowerleft">
<div id="twitterbutton" style=&
浏览 3提问于2012-05-28得票数 3
回答已采纳
2回答
我试图在包含背景图像的div中定位一些文本。我该怎么做呢？该网站必须具有响应性。就像这个网站上的正确部分。
所以这是下面的代码。
<div class="row">
<div class="six columns" id="signup-section">
<div id="bg-img">
<div class="offset-by-two">
<h2>Random text which should
浏览 2提问于2012-11-05得票数 0
回答已采纳
2回答
所以我的用例非常简单。我有一个图像和一个包含文本的div。
div将flex设置为列。
我希望将flex设置为为文本+图像划行，以便它们并排。
虽然文本柔性盒是一致的，但当前图像显示在文本的上方。我的代码怎么了？
.promptParent {
display: flex;
flex-direction: row;
}
.prompt {
position: absolute;
width: 540px;
height: 180px;
left: 450px;
top: 67px;
font-family: Coiny;
font-style: nor
浏览 4提问于2022-03-02得票数 0
回答已采纳
2回答
我正在使用Twitter Bootstrap创建一个主页，我想创建一个“英雄形象”(不使用bootstrap的英雄单位)。我想在页面的顶部放一张大图片，你可以把文字放在上面。您不能使用img标签，因为您键入的任何标题都显示在图像下方。然后我尝试了使用div和background- image :，但是图像不会根据浏览器进行调整，也不会显示整个图像，它只在文本后面显示图像的一部分。我尝试手动设置div大小，但我希望图像根据浏览器自动调整。
浏览 0提问于2013-06-15得票数 2
回答已采纳
3回答
我正在尝试在图像上显示div。当用户输入图像时，分区必须显示，意味着悬停效果。但是，当我将鼠标悬停在显示在图像下方的主分区上时，会发生什么情况。
我的代码是：
<div class="bgimg">
<img width="100%" height="100%" data-id="1" src="data:image/jpeg;">
<div id="changeBackPicture" style="display: none;">
浏览 0提问于2013-02-27得票数 0
回答已采纳
1回答
我有动态评论列表框。在每个评论框中，我需要在角落顶部显示徽章图标。我用css设置了这个图标的绝对位置。但在行动中，我看不到每个盒子的徽章图标。e.x :如果result 10 comments和php打印10 div，我看到1个徽章，因为10个徽章图标重叠。这个问题是因为:我在css中设置了top和right，并看到在一行中显示所有徽章图标( 10 )。有没有办法在动态内容中显示绝对位置？谢谢
Html：
<div class="commentbox">
<div class="badge"></div>
<!-- ..
浏览 2提问于2012-04-11得票数 0
回答已采纳
如何在HTML表中的两列之间插入图像？
我现在拥有的是：
这就是我想要的：
“想要更多的+箭头”是一个图像。如何在两列之间插入它，同时仍在表中保持固定的列宽？
下面是代码：
<table style="width:100%;table-layout:fixed;">
<tr>
<th><div class="button style3 step">Step 1</div></th>
<th><div class="button
浏览 4提问于2014-10-13得票数 2
回答已采纳
1回答
好的，所以我目前正在构建一个定制的WordPress主题，我只是有一个时刻，我的大脑是完全空白的……就像我知道，但我就是搞不明白！
基本上我有一个聚光灯部分，其中有一个图像，然后在该图像的底部显示标题和简短的描述等容器…查看屏幕截图：
基本上我已经做了img与样式它(设置高度/宽度，对象适合等)，然后我已经做了容器div保存内容，作为一个位置:绝对，并放置一个底部:0-(在这种情况下，底部: 4px，因为它是一个微小的错位)，因为我希望它在图像的底部，无论盒子的高度等。在黑色容器上，我有一个宽度: 100%设置，正如你所看到的，它导致它重叠到其他div上。这也是基于bootstrap构建的，所
浏览 8提问于2018-09-10得票数 0
1回答
是否可以从下到上放大/显示图像？
我需要动画的图像是一个不透明的PNG，这是动画序列的一部分-该图像是一个塔的标志，我需要让它从基地增长。
这是HTML -
<div class="logoCover">
<div class="logoTop">
</div>
</div>
我已经在logoCover上设置了一个固定的高度(标志的高度)，并尝试了动画高度-但它总是从上到下显示-有什么想法？
浏览 0提问于2013-02-19得票数 2
回答已采纳
2回答
我需要的是我插入图片1在网站上。在我这样做之后，我想在图像1中的位置相对，前5等等上显示图像2。所以，如果我移动图像1，图像2将仍然在图像1的相同位置上。
我试着把图像2和相对位置放在图像1上，但是当我移动图像1时，图像2仍然处于老位置。
CSS
.image1 {
background-color:#F2630A;
margin:10px;
padding:10px;
height:250px;
width:250px;
}
.image2 img {
// Here I'm lost. Tried with position rela
浏览 3提问于2014-02-18得票数 1
回答已采纳
我在旋转的div中显示了一些图像，并对它们进行了超链接。然而，链接似乎不起作用……有人能解释一下为什么会这样吗？
链接：使用admin/test命令跳过密码提示。
谢谢!罗恩
示例代码：
<div id="pic-7" class="pic" style="height:130px; width:110px; top:9px;left:370px; -moz-transform:rotate(-16deg); -webkit-transform:rotate(-16deg); position: absolute; background-color
浏览 3提问于2012-09-13得票数 5
回答已采纳
2回答
图片应该隐藏在div之外，但是图片在card div之外也是可见的。对我来说，图像应该只显示在div内部，而不应该显示在外部。Box类图像应该显示在div的内侧和外侧。 CSS虽然我尝试了overflow: hidden的卡片类，但它隐藏了所有的图像去外面，但对我来说，盒子图像不应该被隐藏我试图添加bgpatternimg，插图妇女它不起作用。 ? card {
position: absolute;
background-color: white;
height: 70vh;
width: 130vh;
border-radius: 3%;
positi
浏览 15提问于2021-02-04得票数 0
1回答
我正在尝试添加一些覆盖说明通过chardinjs到我的网站。我有一个固定的导航栏与图像。我希望覆盖看起来像它在页面上的样子。下面是我的html：
<div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container navbar-container">
<a class="brand"
浏览 1提问于2013-07-23得票数 0
4回答
我在div中固定了图像位置，代码如下所示
#content{
margin-top:100px;
width:900px;
color:#009;
border:1px solid red;
overflow:hidden;
display:block;
}
img {
float:left;
position:fixed;
top:140px;
padding:50px;
}
#text{
display:block;
border:1px solid green;
width:500px;
height:1200px;
float:right;
overflow:scrol
浏览 1提问于2010-05-07得票数 1
回答已采纳
1回答
我正在构建一个自动幻灯片，它每5秒切换一次图像。当新图像出现时，我使用ReactCSSTransitionGroup创建淡入方法。问题是当新图像褪色时，旧图像仍然存在，两个图像都显示在屏幕上，直到新图像完全显示出来，旧图像才会离开。我该怎么解决这个问题？
这是我的幻灯片组件，用于显示图像：
import React from 'react';
const Slide = ({picture}) => {
if(!picture){
return <div>Loading...</div>;
}
return (
浏览 0提问于2016-10-22得票数 2
回答已采纳
我一直很感激你在这里给予的帮助。我正在努力弄清楚如何使用html、css和jquery使div框突出显示图像的特定区域。我已经做了一些图像地图上的阅读，它们看起来相当复杂，并不一定是最好的选择。因此，我开始制作这个示例，并将其包含在jsfiddle.net中。举个例子，你可以在牙齿上移动鼠标并选择它。这是我的问题，这是解决这个问题的最好方法吗？最重要的是，它最终能够响应窗口大小的变化，并且跨越多个浏览器。我担心div不会总是匹配，并成为正确的大小。如果我能让它看起来更好，那就太好了，但我不知道怎么做。任何帮助，指点或一般的想法，都是值得赞赏的，以使这更实用。我在这方面还是很新的。谢谢。
这是小
浏览 2提问于2014-02-23得票数 1
回答已采纳
最近，我们的主网站进行了重新设计wrt UI -新的导航/页脚等。主网站(带有自己的UI -导航/页脚等)托管其他html页面，这些页面在主页中被调用。
在重新设计之前，每当我们创建-Relatively定位的html页面(用于滑块/悬停效果等)时，-having绝对定位的Div (内容器-绝对) -which中有图像(图像-内容)
我们从来不需要为绝对定位的内容器的图像/内容指定- position absolute。他们都表现得像内部容器，这是绝对定位。
但在新的UI中，定义内容的位置变得很有必要。
这是不是不正常？
我认为这是一种偏差--新的用户界面有问题。这是由主页的CSS引起的吗？如
浏览 2提问于2014-03-27得票数 0
1回答
我的网站的一个子部分的标题是由4个div垂直堆叠而成。包含图像的第五个div浮动在这4个div上，离右边框有点远。这种布局在火狐、IE8、Chrome和其他浏览器上工作得很好，但在IE7和IE6上，div不会浮动在其他div上，弄乱了我的布局。我该如何解决这个问题呢？
HTML就是这么简单：
<div class="inter_auth">
<div class="inter_photo">
<img name="" src="{{ uri options="image 1" }}
浏览 0提问于2010-03-23得票数 0
我有一个既包含图像又包含一些文本的容器。我想要的文本是垂直和水平居中的图像。
似乎最简单、最具前瞻性的方法是使用Flexbox和文本的绝对定位：
.container {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.text {
position: absolute;
}
<div class='container'>
<div class='text'>
This should
浏览 5提问于2017-06-08得票数 9
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
