html定位-文本与其他文本重叠
HTML定位是指通过使用CSS样式来控制HTML元素在页面中的位置和布局。在HTML中，可以使用不同的定位属性来实现元素的定位，包括相对定位、绝对定位和固定定位。
- 相对定位（Relative Positioning）：相对定位是相对于元素在正常文档流中的位置进行定位。通过设置元素的position属性为relative，可以使用top、bottom、left和right属性来指定元素相对于其正常位置的偏移量。相对定位常用于微调元素的位置或与其他元素进行相对定位。
- 绝对定位（Absolute Positioning）：绝对定位是相对于最近的已定位祖先元素或文档的边缘进行定位。通过设置元素的position属性为absolute，可以使用top、bottom、left和right属性来指定元素相对于其定位上下文的偏移量。如果没有已定位的祖先元素，则相对于文档进行定位。绝对定位常用于创建浮动元素或将元素放置在特定位置。
- 固定定位（Fixed Positioning）：固定定位是相对于浏览器窗口进行定位，即元素始终保持在窗口的固定位置不动。通过设置元素的position属性为fixed，可以使用top、bottom、left和right属性来指定元素相对于浏览器窗口的偏移量。固定定位常用于创建导航栏或悬浮元素。
在处理文本与其他文本重叠的情况下，可以使用CSS的z-index属性来控制元素的层叠顺序。z-index属性指定了元素在垂直堆叠顺序中的位置，具有较高z-index值的元素将覆盖具有较低z-index值的元素。通过设置较高的z-index值，可以将元素置于其他元素的上方，从而避免文本重叠的问题。
以下是腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS：提供全球分布式加速服务，加速网站内容传输，提升用户访问速度。产品介绍链接：https://cloud.tencent.com/product/css
- 腾讯云CDN：提供全球覆盖的内容分发网络，加速静态和动态内容的传输，提供更快的访问速度和更好的用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
请注意，以上提供的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
好了，这就是我的css + html。
问题出在页脚。不知道该怎么做。
有人能告诉我我哪里做错了吗？
此外，如果我在div中插入了太多的文本，我仍然会遇到文本(在div中称为child 2，即文本主体)与页脚重叠的问题。为什么我不能防止任何东西重叠页脚？我已经试过把页脚放在包装器(字段)之外，我已经尝试了所有的方法。但是当你有太多的文本时，文本只会重叠在页脚上。我应该再试一次填充吗？编辑:不，仍然不能工作。
页脚被称为Child 4(即使它不是"field“的孩子，也就是我的html中的main wrapper )。
我已经访问了几个网站，有很好的细节。甚至尝试了那里提供的一些css
浏览 2提问于2011-02-04得票数 0
我试图通过w3schools来教自己html和CSS，其中提到，如果没有指定z值，那么在html代码中最后定位的元素将显示在顶部。但是，在中，如果我们注释掉图像的z索引以便没有指定，则图像仍然显示在顶部。从下到上的顺序不应该是标题，然后是图像，然后是段落，因为这是代码中指定它们的顺序吗？他们的特殊重叠规则是否适用我所不知道的？
我找到了，它引用了出现在文本顶部的另一个实例，尽管文本在html中排在最后，但是没有给出这种行为的原因(相反，只推荐适当的z索引代码)。然而，我想知道为什么会发生这种情况，而不是如何使文本与z索引放在首位。
浏览 4提问于2016-12-30得票数 3
回答已采纳
1回答
我在这里有一个独特的情况。
本质上，我有一个绝对定位的文本块，由于设计限制，它必须绝对定位。
我也有我的文本的其余部分，这通常是定位的。但是，我需要防止我的普通文本与我的原始文本重叠。
仅仅使用HTML和内联CSS就可以做到吗？我不能访问JavaScript或外部/head-related CSS；只有内联样式可用。我已经用创建了我的CSS的一个简化版本。
浏览 0提问于2011-06-10得票数 18
回答已采纳
2回答
所以我正在转换一些旧的代码，在其中我发现每个文本框，标签和下拉列表都有自己独特的Z索引。现在，我认为这是非常没有意义的(我们没有隐藏任何对象，这通常是当我使用Z-Index时)，但当我与一位同事交谈时，他们说任何东西都应该有自己的Z-Index(以满足HTML标准)。
我试着用谷歌搜索，但我发现的大多数链接都是重叠的。这是HTML标准吗？在过去的10年里，我是不是错过了这个标准，只是幸运地从未被它惹恼过？
谢谢
浏览 2提问于2013-02-26得票数 0
回答已采纳
2回答
我有css & html代码，我制作了一个重叠的图像，它完美地工作，直到我收到我的客户投诉。当浏览器缩小大小时，重叠的文本会移动。我认为我的代码没有问题，研究已经证明是徒劳的。他说他想尽快修好它，所以我向我的同事寻求帮助！
CSS
p.contactInfo {
position: absolute;
top: 20px;
right: 475px;
width: 100%;
z-index: 10;
}
p.contactInfo span {
color: #
浏览 1提问于2012-10-29得票数 0
回答已采纳
我有一张html表格。在表格中，在特定条件下，我需要删除行，问题是当我能够将图像重叠到正常单元格上时，文本框会超出删除线。 下面的代码： <tr class="strikeout" style="/background: transparent url('c:/img/strike.png') 0 50% repeat-x;z-index: 999999999999999999999;position: relative;"> 图片： ?
浏览 13提问于2019-12-17得票数 0
回答已采纳
我正在学习教程，任何人都可以在8:10帮助我使用css，他告诉我们需要创建主标记，这样我们之后创建的对象就不会重叠，我想知道是否有更好的方法来实现.Can，我们在工具栏css中做了一些调整，使其固定，这样其他元素就不会在工具栏中重叠。
浏览 3提问于2020-06-27得票数 1
回答已采纳
搜索栏下面的内容将在用户输入某些文本后显示。目前的风格取决于我的目标。
但是，当我显示搜索结果时，它会按下搜索栏后面的容器，如我的图片所示：
我能做什么，搜索结果显示，只是重叠的一切在它下面，而不把其他元素向下推送？
以下是我的HTML：
<div id="search-bar" class="box">
<h1 class="horizontal-header">SEARCH THE DATABASE</h1>
<div id="search-wrapper"&
浏览 0提问于2012-04-10得票数 5
列定位器应该在列中定位其子级。但当其中一个孩子是ListView时，我发现它与其他孩子重叠。 当孩子只是文本的时候，没有重叠，一切都很好。 import QtQuick 2.11
import QtQuick.Window 2.11
Window {
visible: true
width: 640
height: 480
Column {
Text {
text: "Hello World"
}
// This works - appears under "Hello Wo
浏览 47提问于2019-09-19得票数 0
回答已采纳
当uitableviewcell设置为UITableViewCellStyleValue1样式，同时显示删除按钮和重新排序控件时，重新排序控件似乎与详细文本标签中的文本重叠，是否有任何方法使重新排序控件不重叠细节text而不使用自定义uitableviewcell？
浏览 1提问于2013-10-01得票数 3
回答已采纳
2回答
在下面的代码片段中，div元素(.main > div)相对定位并向左浮动。
由于相对定位，div元素(.main > div)被放置在彼此的旁边。
span元素位于div元素下(.main > div > span)
span元素的位置是绝对的，以便以文本(食品、健康)为中心。
但我面临的问题是，文本是重叠的。
根据我的理解，绝对定位元素(.main > div > span)应该相对于其相对或绝对定位的容器(.main > div)进行定位。
那么为什么元素是重叠的。不仅是span元素，还包括div元素(相对定位)重叠。
我试图自己解决这个问题，但
浏览 5提问于2016-03-07得票数 0
回答已采纳
2回答
这就是我目前所拥有的：
我希望文本围绕sidesideheading和side元素，这些元素与side元素重叠，而不是在它下面。
HTML：
<div>
<div>
Text Text Text Text Text Text Text Text Text Text Text Text Text
</div>
<br>
<div id="sidesideheading">
</div>
<div id="sideside"&
浏览 19提问于2016-08-17得票数 1
1回答
我想要文本粘在我的页面底部。它目前在我的页面底部，在桌面视图上看起来很好，但是在电话视图中，文本停留在页面的底部，即使你一直滚动到页面的顶部。这会导致页面底部的文本在电话视图中与页面上的其他文本完全重叠。我知道这是从我的css位置:修正，但我不知道如何使文本到页面底部的另一种方式。这是我的css
.bottom {位置:固定；底部: 0；}
浏览 1提问于2020-05-13得票数 2
我有一些自定义的下拉css/jquery菜单，它们不会重叠(覆盖)浮动div中的一些文本。div文本会渗入菜单中。我如何保证我的菜单会覆盖我的页面上的任何内容，或者至少是在这种情况下div中显示的文本？
浏览 0提问于2012-01-26得票数 2
回答已采纳
3回答
上面图片中的齿轮按钮在textarea元素中是绝对的，但是文本正在与它重叠。我不想申请填充物。我是新的HTML和CSS。如何防止文本崩溃与齿轮按钮。
浏览 1提问于2014-04-19得票数 0
回答已采纳
1回答
我创建包含TextBlock的装饰器。此TextBlock与装饰的TextBox重叠。问题是，这些控件文本的起始位置并不相同。如何使TextBlock对齐以实现文本位置的匹配？
浏览 2提问于2012-07-04得票数 1
Android :滚动时jquery移动文本框在固定标题上重叠
当用户单击任意文本框并开始滚动时，聚焦的文本框会与固定的标题重叠(如上图所示)。
请从以下链接中找到图像：
任何建议都很有帮助。
浏览 4提问于2013-10-01得票数 0
我一直在读。下面的片段引起了我的注意，我无法理解背后的理论。
下面的html/css显示了两个方框，一个对另一个。但是，如果将#box_1的位置更改为绝对，则#box_2重叠#box_1。
<!DOCTYPE html >
<html lang="en">
<head>
<style>
#box_1 {
position: relative;
width: 200px;
height: 200px;
backg
浏览 6提问于2013-02-12得票数 5
回答已采纳
我想要创建粘性底部工具栏，总是停留在底部。它应该总是可以在屏幕上看到。我试着使用position: fixed, bottom: 0，这确实有帮助，但它与我的内容重叠。以下是它如何重叠(查看页面底部)：
是的，我知道它应该重叠，但问题是我不能滚动到底部看到剩余的文本。
这是我的代码：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
margin: 0;
padding: 0;
浏览 1提问于2020-04-25得票数 2
回答已采纳
2回答
Fluid HTML框架
、、、
如何使用Bauhaus fluid框架在下面的代码中放置“content”，使其不会与右侧的文本框重叠，因为在放大时，“content”与侧边栏内容重叠！！
<div class="container_16">
<div class="grid_16">
<div class="grid_10" style="float:left;">
<p>Content....</p>
</div
浏览 2提问于2012-12-09得票数 0
回答已采纳
4回答
我试图在不更改表格边框的情况下将图像放入HTML表格中。我的意思是，我试图将图像放在某个单元格中，这样图像就可以在不增加单元格大小的情况下延伸到单元格外部(因此，如果存在任何问题，图像将会重叠或重叠)。默认情况下，当我将图像放入单元格中时，它会增加单元格的大小，这样，如果你愿意的话，它下面的文本会被“下推”。
浏览 1提问于2011-08-17得票数 1
回答已采纳
我试图防止图片和文本在html中相互重叠。目前我所拥有的是：
但是当屏幕尺寸变小时，文本和图像就会被截取。我想把它做成这样的文字符合边界的形象。这就是现在发生的事情：
最后，这是我的CSS
.image {
width: 500px;
margin-left: auto;
display: block;
padding-top: 10%;
padding-right: 10%;
}
.text {
font-size: 22px;
padding-top: 10%;
max-width: 700px;
positio
浏览 1提问于2020-05-24得票数 0
回答已采纳
2回答
响应屏幕尺寸时徽标与文本重叠
、、、、
我是编程新手，需要请教你们的一些想法来解决这个问题，这个问题发生在我目前正在编码的固定页面上。
公司徽标位于底部角落，并且在特定的屏幕尺寸下会与文本重叠并干扰文本(当您手动调整浏览器窗口的大小时)。我使用了媒体查询，所以在设备上不会发生这种情况。
我不确定什么是可能的，但我总是需要在右下角的标志。但我希望当徽标开始干扰文本时，徽标从屏幕上消失，理想情况下，我希望用户在这一点上必须向下滚动才能看到徽标。
这就是有问题的站点
这是我的HTML
<img class="logo--master" src="assets/images/logomark
浏览 4提问于2017-04-28得票数 0
2回答
我想知道是否可以将div文本准确地定位在CSS形状的末尾，而不需要任何额外的html元素？目前，它们是重叠的。
div {
width: 10px;
height: 10px;
background: var(--color);
}
<div style="--color:red">AB</div>
<div style="--color:green">CD</div>
<div style="--color:blue">EF<
浏览 7提问于2022-03-18得票数 2
回答已采纳
2回答
我试图使这些div重叠，使文本位于三角形内，但文本只能在三角形外移动。
这是HTML+CSS：
<div class="tri">
<div class="test">
This is test
</div>
.tri {
width: 0;
height: 0;
border-top: 100px solid black;
border-left: 100px solid transparent;
position:relative;
}
.tes
浏览 3提问于2013-08-28得票数 0
回答已采纳
3回答
我制作了一个包含div、类和网站所需的所有内容的网站。但是，当我调整窗口大小时，所有的内部文本都会移到NavArea上，按钮也会重叠。就像在StackOverflow上一样，页面的顶部有搜索文本框，当我调整窗口大小时，它就会移到最上面。这个问题的解决方案是什么？这是代码--
CSS：
HTML：
请先测试代码，然后再张贴答案，请，我已经尝试了一切，需要一个深入的答案，我可以理解。我已经花了很长时间，但我不打算放弃！
浏览 0提问于2015-03-01得票数 1
我试图在HTML/CSS/Javascript中实现一个滑动carousal。我有5张幻灯片，每个幻灯片都是100%宽度和高度的div。在javascript中，我水平地排列了5个div，设置了第一个幻灯片来填充屏幕，其余4个设置在屏幕外。我使用.css('left', i * this.slideWidth);来实现这个目标。
每一张幻灯片都包含一个包含一些文本的跨度。span的位置被设置为绝对值，这意味着它遵循父幻灯片。然而，它们都在屏幕上的同一位置堆叠/重叠，尽管幻灯片在屏幕外的位置是正确的。
如下所示(注意左上角重叠的文本)：
我的HTML：
<!DOCTY
浏览 0提问于2018-04-11得票数 0
回答已采纳
我有两个输入textbox，它们根据输入的大小动态增长。在这中间有一小段文字。问题是当textbox变宽时，它会与旁边的文本重叠。
我正在寻找一个HTML/CSS样式，让我把文本推到右边，因为textbox的宽度增长。
任何帮助都是非常感谢的。谢谢
添加我的一些代码。
.dynamic-push {
float: left;
}
<div class="row dynamic-push">
<div class="two columns dynamic-push ">
<input id="contact
浏览 2提问于2013-07-19得票数 3
6回答
这是HTML：
<div>
<p>
We bring you the latest in entertainment & information services, right on your phone. From the latest of Bollywood to the futuristic applications, get it all here!
<a href="#">View All</a>
</p>
</div>
这是CSS..。
浏览 6提问于2013-04-25得票数 2
回答已采纳
4回答
我有以下代码：
<!DOCTYPE html>
<html>
<head>
<style>
img
{
position:absolute;
right:50px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="logocss.gif" width="95" height=&#
浏览 0提问于2013-03-15得票数 15
回答已采纳
2回答
我正在尝试使用，但由于某种原因，它无法工作。
我对web开发是个新手，所以如果我做的每件事都是可以想象的最可怕的方式，我道歉。
这是页面：
侧边栏应该在右边，我不确定我做错了什么，因为我正在跟踪我在顶部链接的stackoverflow问题。
如果文本太长，文本会自动换行，这很好！但是所取的高度不会增加，这会使其与下一行重叠。
此外，当内容变得太长时，也没有垂直滚动条(不像我链接的stackoverflow答案)。
谢谢!
浏览 2提问于2011-07-28得票数 0
回答已采纳
1回答
我正在尝试将滚动视图添加到我的应用程序的现有屏幕上，以便在键盘将文本字段隐藏到此视图中时帮助向上滚动屏幕。
我已经在Interface Builder中将滚动视图添加为主视图的子视图。然后，我将所有其他对象作为子视图添加到这个滚动视图中。我已经用x=0和y=0将滚动视图大小设置为320x460。现在，我注意到布局被破坏了，所有对象(标签、文本字段重叠在同一位置)。
你知道在界面生成器中放置这个滚动视图的正确方式吗?这样我就可以轻松地定位其他对象了吗？
感谢你的帮助，
斯蒂芬
浏览 2提问于2011-09-24得票数 0
回答已采纳
1回答
我想做一个旋转的文字动画，上面写着“___ABILITY实验室”，同时通过诸如"adaptABILITY，affordABILITY，employABILITY“等词旋转。
我遵循了一个教程，它允许我创建一个滚动的文本动画，但只在句子的末尾，允许我创建像“适应”这样的文本，但是我有一些复杂的事情使得“能力实验室”部分出现在后面。鉴于“适应、负担、使用”这些词有不同数量的字符，我希望它们在剩余的“能力实验室”之间保持一定的距离，当然不会重叠任何文本。
下面是我的HTML和CSS代码。谢谢!
body
{
margin: 0;
padding: 0;
background:
浏览 5提问于2020-07-13得票数 1
回答已采纳
1回答
调整大小时避免div重叠
、、、
这些div有一个带有重叠文本的图像，它看起来像我想要的全尺寸。 然而，当我缩小到较小的移动尺寸时，文本会转到图像的顶部，div会重叠。 我怎么做才能让文本在调整大小时位于图像的底部，但最重要的是，容器不会重叠？ .container {
position: relative;
font-family: Arial;
clear:both;
}
.text-block {
clear:both;
position: absolute;
bottom: 30px;
right: 10px;
background-color: black;
color: w
浏览 15提问于2019-06-26得票数 0
回答已采纳
上下文:当position:absolute <div>直接在<body>中时，就像在中一样，有一个<div>作为同级。
问:为什么在未显式设置position:absolute <div>属性时，top属性不与其兄弟姐妹重叠。
据我理解，但可能是不正确的，如果一个<div>被设置为position:absolute，如果它的父母和父母的父母中没有一个被设置为position:relative，那么它将相对于身体定位。因此，top属性的position:absolute <div>应该默认为body原点，而两个div的属性
浏览 5提问于2018-12-27得票数 0
回答已采纳
1回答
有可能在html页面上总是可见的iframe吗？总是可见的--我的意思是总是在顶部，没有其他元素可以超过它，这需要从iframe内部完成。
我的第一次尝试是设置具有最高可能值的iframe的z索引(它还需要一个相对位置才能工作)，但是这不能从iframe内部执行，因为它具有相同的来源策略。
这有可能吗？
编辑:
如果没有，是否有可能检测到是否有重叠的部分内容？
浏览 2提问于2013-11-23得票数 0
回答已采纳
2回答
我希望使用CSS背景阴影来注释HTML中的一些文本。
但是，这些区域可能会相互重叠。
在这个例子中，我希望用黄色给"Jim，Alex，Dunedin“的背景加上阴影，然后用蓝色给"Dunedin，184.3”的背景加上阴影。在本例中，"Dunedin“元素将以绿色阴影显示。
我非常确定这在HTML中是不可能的，因为我不认为span元素可以重叠。
对于这个问题，有没有其他的解决方案？
浏览 2提问于2019-07-06得票数 4
2回答
CSS导航列表重叠文本
、、、
我在visual 2015中有一个html和css文档。当我从html请求CSS文件时，它没有正确地加载并且重叠一个h1和一个p标记。
html：
body{
background-color: cyan;
}
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em;
}
ul.navbar li {
background:
浏览 2提问于2017-02-27得票数 0
回答已采纳
2回答
我正在尝试实现一个图像，其中有一个图像覆盖在上面。因为我需要知道这张图片上有视频内容。现在，从这里的一些帖子中，我遇到了这个代码(请原谅，我丢失了链接)，它实际上是有效的，但问题是它也覆盖了图片下面的文本内容。为了了解我到底想要实现什么，我有这段代码。我只是对我想要看到的东西进行了硬编码，下面是代码：
<div class="container">
<div class="imageOne image"></div>
<div class="imageTwo image"></div>
浏览 5提问于2015-01-09得票数 1
回答已采纳
1回答
给Cufón一个更高的z-指数
、、、、
我有一个有趣的目标，希望在你的帮助下，能够实现。
我有一个HTML结构：
<li>
<span class="buttonHighlight"></span>
<a href="#buy" class="button">BUY NOW</a>
</li>
HTML +几行CSS给了我以下内容：
IMG 1(见下
浏览 3提问于2011-01-19得票数 1
1回答
如果一个div中的图像的高度大于包含它的div，我如何定位该图像，使其与div顶部而不是底部重叠？
我正在使用twitter引导，我希望我的品牌形象在肚脐栏重叠，从顶部的肚脐。默认情况下，它与底部重叠。我也想控制它的重叠程度，这样我就可以正确地定位它。
这里有一个小提琴来说明这个问题：
基本上，我希望猫从肚脐顶部而不是底部重叠。
<div class="navbar navbar-default navbar-static-top">
<div class="container-fluid">
<div class="
浏览 3提问于2015-03-12得票数 1
回答已采纳
我使用HTML和CSS已经有一段时间了。每次我在CSS中工作时，我都有一种感觉，那就是我“做得不对”。
例如，当在网页上定位不同的div和元素时，我经常使用“位置:绝对”和“位置:相对”。有时，要找到“正确”的位置会非常乏味，结果会产生非常难看的数字，例如：
position: relative;
width: 1300px;
height: -720px;
除此之外，如果我改变了对它们的外观或位置的看法，它也使得以后编辑所述的div和元素变得非常困难。我在YouTube上看过很多教程，人们用“页边距”和“填充”标签来定位他们网站上的元素。
我对此感到非常困惑，因为这些标记应该用于
浏览 1提问于2017-05-29得票数 1
回答已采纳
我在试着开一张薪水支票。我将允许用户设置项目的位置根据他们的检查样式。
根据我的研究，SSRS中文本框的位置似乎是静态的，而不是动态的。对于Top/Left，没有“表达式”选项。我想解决这个问题的一种方法可能是让文本框变大并重叠，然后根据用户选择的位置设置上/左填充。然而，看起来与HTML类似，文本框要么浮动在较高级别的文本框周围，要么干脆从视图中消失。
如果有一种方法可以告诉SSRS不要关心文本框的顺序，而只是重叠地显示它们，那么这将是很简单的，但是我不认为有这种方法。
考虑到这一点，在SSRS 2008报告中动态定位文本框有哪些其他选择？我正在推进这个项目，但我遇到了这个绊脚石。
浏览 1提问于2012-05-30得票数 2
1回答
我面临着一个小问题和重叠。
考虑一下这个html片段。
<html>
<head>
div
{
width:100%;
height:100px;
}
img
{
width:100%;
}
#div2
{
margin-top:-100px;
}
</head>
<body>
<div id="div1">
<img src=""/>
浏览 0提问于2014-10-09得票数 1
回答已采纳
1回答
当窗口大小较小时，容器重叠
、、、、
当窗口较小时(或在一些小屏幕手机上使用时)，按钮会与标题重叠。代码如下：
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
.x2 {
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
text-align: center
}
<body>
<div style="background-color: #E9ECEF">
浏览 4提问于2021-01-16得票数 0
2回答
内容重叠
、
我有一些内容是重叠的，其他一些内容。下面是HTML和CSS：
HTML：
<div class="image_block">
<a href="#"><img src="src.png" alt="July 4th" usemap="#Map" border="0" /></a>
<map name="Map" id="Map">
<area class="declara
浏览 2提问于2012-07-04得票数 0
回答已采纳
1回答
我有一个绿色的标题部分和两个对象:标题和按钮。我需要居中标题相对绿色部分，但它应该反应在按钮宽度增长保持位置尽可能接近中心，而不是相互重叠。整个文本应该是可见的。该按钮可以不存在(*ngIf)。标题文本也可以不同。 您可以更改html结构。仅Css/sass。 请看我在jsfiddle中解决这个问题的尝试！ <div class="wrapper">
<h1 class='title'>
<span class='title-text'>
Caption
</span&g
浏览 13提问于2019-04-17得票数 1
我真的不知道该怎么回答这个问题，但现在.我有一个导航栏在我的网页顶部与一个“固定”的位置，以便它停留在顶部，即使我向下滚动。但是，每当我向下滚动时，我就会有一个框来保存与这个导航栏重叠的所有文本/博客。
有没有办法“删除”框中的几个像素(容纳我所有东西的那个)，这样导航栏就不会与它重叠？如果这让人困惑，我很抱歉，但就像我说的，我不知道该怎么说。
截图：
当我不被滚动的时候-
当我(重叠)-
因此，我想摆脱我的内容容器的重叠区域(可能在它下面5 5px )。
浏览 9提问于2012-02-21得票数 1
回答已采纳
我们需要两幅图像重叠。一个图像是插头，另一个是电缆。将它们并排放置不够好，因为插头有弯曲的边缘，而且由于插头的弯曲边缘和电缆边缘之间的空白，因此电缆看起来没有连接到插头。
现在，当在浏览器上用HTML呈现这种效果时，我们使用重叠的div，这很容易使用固定位置/负边距等实现。因此，为了使两个图像看起来是连接的，我们为插头图像提供了透明的背景，并将其放置在底层电缆的图像上。
然而，我们需要在PDF报表中实现相同的效果，并且我们还没有找到一种方法来重叠由TCPDF生成的PDF中呈现的HTML中的两个图像。我们也尝试过domPDF，但没有成功。
也许你们中的某个TCPDF / domPDF专家有一个解
浏览 1提问于2012-10-16得票数 0
回答已采纳
2回答
我在没有z-index的情况下如何堆叠HTML元素进行了大量的搜索，但是没有找到任何具体的东西。我确实发现，没有z索引的堆叠是按照HTML的出现顺序进行的。
此规范对IE有效吗？我有两个包含在另一个div中的div。这两个div都有绝对位置：
<div>
<div id"div1" style="position:absolute"></div>
<div id"div2" style="position:absolute"></div>
</d
浏览 0提问于2013-01-04得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
