在我的主题上，我哪里错了？div隐藏在另一个div后面
在你的主题上，你没有犯错。div元素可以通过CSS的z-index属性来控制其在其他元素之上或之下的显示顺序。如果一个div元素被另一个div元素覆盖，你可以尝试设置覆盖的div元素的z-index值较大，或者将被覆盖的div元素的z-index值较小，以改变它们的显示顺序。另外，你也可以使用position属性来控制元素的定位方式，例如设置position为relative或absolute，来调整元素的层叠顺序。
相关·内容
1回答
移动屏幕阅读器不会在屏幕外或HTML文档中较低的“Z-index`”项上“单击”
android、html、ios、css、screen-readers
是我错了还是移动屏幕阅读器不能“点击”屏幕外的项目？如果我有一个项目被移出主屏幕，如下所示：
.button {
position: absolute;
left: -9999px;
}
在聚焦时双击它似乎不起作用，安卓和IOS都不起作用。事实上，使用较低的z-index值定位在具有较高z-index值的其他项目之后的项目似乎也是无法到达的。例如：
.below-button {
position: absolute;
z-index: 1;
}
.top-layer {
position: absolute;
z-index: 2;
}
如果
浏览 0提问于2017-03-21得票数 0
4回答
元素具有较高的z-索引值，而不是覆盖另一个
html、css、z-index
我有这个密码
#mtitle {
display: inline-block;
margin: 0;
background-color: #000000;
z-index: 999;
}
#tsub {
display: inline-block;
margin-left: 0;
left: 0;
position: absolute;
font-size: 85px;
z-index: 0;
}
<header>
<h1 id="mtitle">Tepid Beans</h1>
<d
浏览 2提问于2016-03-17得票数 12
回答已采纳
3回答
由于z-索引而不可单击的链接
html、css
我有一个页面上的绝对位置的div，它在滚动时与另一个div重叠。我想让它看不见当它滚动到一个特定的div。
为此，我使用了z-index。我正在设置我想要隐藏的div的z-index 1，而另一个div的z-index要高得多。但是，它并不隐藏div。如果我将z-index设置为-1，那么它会隐藏，但是该div上的链接不再可点击。我怎么才能解决这个问题？
这是我的密码：
HTML:
<div class="wrap">
<div class="up"><div class="box"><a hre
浏览 2提问于2012-12-10得票数 29
回答已采纳
1回答
将背景画在div上
html、css、background
所以我有一个div，显示一个大标题，它的两侧有两条线，填充其余的宽度。
然而，现在我需要有一些文字在这背后，因为我是画标题的栏与背景颜色，他们被画在文本后面。
我怎么能用这样一种方式来画它:从后面到前面显示的组件是bg background-color->bg:before->title:before/after背景色->标题。
下面是我的代码：
#bg
{
width: 100%;
height: 100%;
background-color: silver;
z-index: -1;
}
#bg:before
{
content: 'Ba
浏览 4提问于2020-09-11得票数 1
回答已采纳
2回答
为什么会出现这种z-index行为？
html、css、z-index
这是我的：
<div id="first">
<div id="first-internal"> </div>
</div>
<div id="fixed"> </div>
#first
{
position:relative;
}
#first-internal
{
position:relative;
z-index:100;
background-color:blue;
width
浏览 0提问于2012-06-21得票数 0
回答已采纳
1回答
CSS:用z索引覆盖固定元素
html、css、css-position、fixed
HTML：
<div class="wrap">
<div class="fixed"></div>
</div>
<div class="cover"></div>
CSS：
.cover{z-index: 10;}
.wrap{position: relative; z-index: 1;}
.fixed{position: fixed; display: block; z-index: 1;}
Exampale：
在页面上，滚动.cover元素隐藏在.fix
浏览 5提问于2014-04-16得票数 3
回答已采纳
3回答
下午好,
我制作了一个非常简单的页面，展示了我们可以在css中使用的不同职位类型作为我们公司的新起点，这让我感到非常尴尬，这暴露了我自己的知识差距。
我已经定位了页面上的所有元素，但我注意到，当页面滚动时，相对定位元素将位于粘性元素的顶部。它几乎就像它有一个z-index，它比我的粘性元素更高--但是我没有设置任何z-index值。
这是我提供的代码正确的行为吗？抱歉，如果这真的很简单的话，我会坐在这里挠我的头。
body {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
height: 3
浏览 0提问于2018-01-22得票数 0
回答已采纳
2回答
如何更改由css放置在div中的绝对定位图像的宽度和高度
html、css
我正在尝试使用css:css和position:absolute在div中放置一个图像；该div中已经有一个图像。为什么我不能控制绝对定位图像的高度或宽度？
css：
div:before{
content:url('buble.png');
position:absolute;
left:0;
top:0;
width:100%;
height:auto;
z-index:200;
}
html：
<div><img src="profile_pic.png" alt=""
浏览 5提问于2014-04-21得票数 6
3回答
我有一个带有3个DIV的简单页面：
使用HTML：
<div id="content1">foo</div>
<div id="overlay"></div>
<div id="content2">bar</div>
和CSS：
#overlay { width: 160px; height: 160px; background:yellow;
position: absolute; top:0; left: 0 }
我认为，当没有定义任何z-in
浏览 6提问于2014-05-12得票数 3
回答已采纳
4回答
Z-索引不使元素出现在其他元素之上。
html、css
这里我有一个模态的小例子，我在一个按钮中添加了z-index: 1000。
<button type="button" class="btn btn-info btn-lg" style="z-index: 1000" data-toggle="modal" data-target="#myModal">Open Modal</button>
为什么按钮不出现在模态上方？还是我完全误解了z指数的性质？
单击"Run“以显示代码的结果。单击“打开模式”打开模态
浏览 0提问于2019-03-13得票数 0
回答已采纳
7回答
Z轴索引不隐藏元素
html、css
我在使用z索引时遇到了问题，我想将.hidtable定位在部分后面，但它在前面，有人能帮我理解问题在哪里吗？也许我错过了什么？ .content{
position:relative,
z-index:0
}
.hidtable{
z-index: -1;
position: absolute;
} <section class="content">
<table class="hidtable">
<thead >
<th>th1</th
浏览 27提问于2017-10-26得票数 1
回答已采纳
5回答
如何在所有其他控件上创建div
css、z-index
我想要我的div显示在上面的所有东西，我把100%的宽度和高度，它显示上面的许多控制，除了一些有css，z-index和其他东西。我试图将div z-index设置为一个很大的数字，但这不起作用。
{
width: 100%;
height: 100%;
top: 5px;
left: 0px;
background-color: #FFFFFF !important;
padding: 10px;
overflow: hidden;
visibility: visible;
display: block;
z-i
浏览 2提问于2010-10-16得票数 17
回答已采纳
2回答
将伪元素放在父元素后面
css
<div></div>
<div></div>
<style>
div {
width: 90px;
aspect-ratio:1;
border-radius:50%;
transform:translateY(-15px);
background:#191919;
box-shadow:0 0 0 13px #E08027;
position:relative;
}
div::after{
content:"";
position:absolute;
width:55px
浏览 4提问于2021-11-08得票数 1
回答已采纳
2回答
在CSS中分层图像
css
我正在尝试创建一个界面，可以让你显示和隐藏同一图像的各层。我有一组png图像，我希望它们都占据相同的空间，并简单地显示和隐藏每一层所在的div。
当我使用绝对位置和z顺序时，我仍然看到图像呈现的顺序不正确。
<img src="a.png" style="position:absolute;left:0px;top:0px;width:300px;z-order:-1" />
<img src="b.png" style="position:absolute;left:0px;top:0px;width:300px;z
浏览 2提问于2010-12-28得票数 0
回答已采纳
1回答
如果堆叠上下文的属性不同，为什么它们的根元素不堆栈呢？
css、z-index
今天我感到非常惊讶的是，尽管z索引较高，但是一个transform而不是none的元素没有堆叠在一个position (即absolute )的元素之上。但是，将position:absolute|relative添加到前一个元素使z-index在它们之间表现出预期的效果。
请看一看:在下面的部分中，我希望绿色广场(使用transform:translateX(0))能够在它们之上堆叠，因为其他地方都有最高的z-index，但是它只堆在DOM中前面的蓝色方块之上。我将其归因于具有z-index:0和一些退化行为的蓝方块，好像两者都有z-index:0。
div {
opacity:0.
浏览 4提问于2017-08-24得票数 0
回答已采纳
2回答
显示在文本和其他图像上的css图像
html、css、image、bootstrap-4
我正在尝试在div容器的左上角有一个带有数字的图标，在这个数字的右边，图标是一个图像。在桌面上，这看起来很好，相应地分开，但在移动设备上，右侧的图像显示在左侧的图标和文本之上。 HTML看起来像这样： <div class="col-1">
<div class="wrap-image">
<a
th:rowN
浏览 16提问于2021-02-01得票数 0
回答已采纳
4回答
z-index属性到底是如何工作的？
html、css、z-index
z-index实际上是如何工作的？它在没有指定position的元素上起作用吗？它是否偏爱具有指定position的元素(即将它们放在顶部
这些数字一定要像这样是负数吗？
<div style='z-index:-2;'>below</div>
<div style='z-index:-1;'>less below</div>
<div style='z-index:0;'>on top</div>
还是不想？所有的正数(以递增的值)会以最后一个在顶部，中间在中间，第一个在底
浏览 4提问于2013-01-18得票数 20
回答已采纳
1回答
指定分区的优先级
css
我有一个
<div class="banner-right">
和一个
<div class="logo">
Div Class徽标与横幅重叠-右侧，但问题是右侧横幅覆盖徽标。有没有一种方法可以设置徽标来表明它更重要，并且它会显示在横幅上？
div.logo
{
display: block;
position: absolute;
top: 11px;
left: 483px;
margin-left: 472px;
width: 214px;
height: 169px;
浏览 0提问于2012-10-26得票数 4
回答已采纳
2回答
如何在IE6中显示一个DIV而不是另一个DIV？
html、css、internet-explorer、z-index
我正在写一些html代码，它具有以下结构
<div style="position:relative">
<form>
<table>
<tr>
<td> <div id="Upper_Element" style="position:absolute;z-index:10"></div> </td>
</tr>
<tr>
<td> <div id="Lower_Element" style=&
浏览 5提问于2011-04-11得票数 1
回答已采纳
3回答
淡入淡出的<div>消失在视频头后面
html、jquery、css、twitter-bootstrap
我在我的网站上有一个视频标题，有一个向下滚动按钮，当它到达更接近其链接的锚点时，它的不透明度会从1逐渐淡出到0。淡入淡出的js本身运行良好，但有一些东西干扰了它。它有一个问题，当它移动到视频标题上时，它会消失，脚本如下：
$(document).scroll(function (e) {
// offsetTop will be computed based on the closest relatively positioned parent element
// since your anchor has none, his will return distance to
浏览 0提问于2020-08-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
