标签: z-index
帮我解读"z-index:2e + 09"
检查Typekit'徽章'(用于在他们的免费计划中推广该服务的固定位置'bug')我遇到了以下内容:
z-index: 2e+09
我对这个价值感到困惑 - 任何人都可以帮我解读它吗？谢谢
编辑:链接到示例
推荐指数
解决办法
查看次数
使两个 div 漂浮在另一个的角落上
这是我需要的。我将有一个主 div，其中将包含我的大部分内容。我不知道会有多少内容，所以我不能对主 div 的高度（假设，以 px 为单位）做任何假设。我需要做的是使两个 div（具有特定的固定大小）位于主 div 的左上角（当然，z-index 大于主 div）和右下角同一个div。我真的不知道如何实现这一目标：有人可以告诉我该怎么做吗？
非常感谢！
马泰奥
推荐指数
解决办法
查看次数
CSS菜单位于滑块下方
我网站的导航下拉菜单隐藏在首页上的精选帖子滑块后面.我已经尝试更改导航li,ul等的z-index值,但似乎无法使其工作.我已经为导航所依赖的每个css元素添加z-index,但它仍然在滑块下.
非常感谢任何帮助.
网站:链接 (活动下拉列表)
谢谢.
推荐指数
解决办法
查看次数
Paper.js Z 索引和绑定对象
我正在研究 paper.js，don\xc2\xb4t 发现如何解决我的问题。请参阅我的应用程序测试：\n http://www.plugbox.com.br/reta.htm
\n\n红色圆圈仅覆盖 Y 轴，蓝色圆圈仅覆盖 X 轴，直线的起点和终点遵循红色和蓝色点。
\n\n但线在圆圈前面。如何通过将“z-index”线放置在点后面的层中来设置它？
\n\n另一个问题是：
\n\n例如，如何在线中间放置第三个点并使其只能在线上拖动？
\n\n谢谢\xc2\xb4s！
\n推荐指数
解决办法
查看次数
使用下一步按钮的 z-Index 幻灯片放映
所以我必须编写一个按钮，使用 z-index 转到幻灯片中的下一张图片。我很难让它工作，我觉得我做错了什么。它的计数必须为 0, 1, 2, 0, 1, 2
<!DOCTYPE html>
<html lang = "en">
<head>
<title>Lab 5, Part 1</title>
<meta charset = "utf-8"/>
<script type = "text/javascript">
function Next() {
document.getElementById('anime1').style.zIndex = 0;
document.getElementById('anime2').style.zIndex = 1;
document.getElementById('anime3').style.zIndex = 2;
}
</script>
<style type = "text/css">
.anime1 {position: absolute;
top: 150px; left: 250px; z-index: 10;}
.anime2 {position: absolute;
top: 200px; left: 300px; z-index: 15;}
.anime3 {position: absolute;
top: 250px; left: 350px; z-index: 20;}
</style>
</head>
<body>
<h1 style= "text-align: center">Lab …推荐指数
解决办法
查看次数
我怎样才能在上面（它是 z-index）ExpansionPanel 上拉出 react-select 的下拉菜单？
我在 ExpansionPanel(material-ui 的一个组件) 中使用了 react-select ，它使 ExpansionPanel 成为不需要的滚动。我该如何解决？我试图改变 z-index ，但没有奏效。考虑图片中的第三个选择，它的下拉菜单被 ExpansionPanel 隐藏了。先感谢您。
<Select
value={state.selectedPerson}
onChange={handleMitarbeiterChange}
options={state.peopleOptions}
textFieldProps={{
label: 'Mitarbeiter',
id: "mitarbeiter-required",
InputLabelProps: {
shrink: true,
},
}}
/>
推荐指数
解决办法
查看次数
div 高于其他 div
我正在尝试以这种方式订购我的 div，但我找不到解决方案（主要是黄色框有问题）：
HTML：
<div class="container">
<header>
<div id="header-top"></div>
<div id="header-bottom" class="clearfix">
</header>
<div style="clear:both"></div>
<div id="content">
</div>
CSS：
header {padding: 0;margin:0; position: relative; z-index: 1;}
#header-top {
height: 22px;
background-color: #a68572;
margin:0;
padding: 0;
}
#header-top p {text-align: right;}
#header-bottom {
width: 100%;
background-color: red;
padding: 0;
margin: 0;
}
#logo {
position:relative;
height: 150px;
width: 150px;
background-color: yellow;
z-index: 30;
top:-80px;
left: 50px;
}
#content {position: relative;z-index: 1;}
正如你所看到的，我一直在尝试对位置和 z 索引做一些事情，但做得不好;)
而且，顺便说一句，我怎样才能摆脱标题底部和内容之间的空白？所有的内边距和边距都设置为 0，所以我不知道为什么它们不直接相邻。
推荐指数
解决办法
查看次数
CSS z-index 不适用于子元素
我尝试过一个个人项目来制作菜单，这些菜单在最高层（z-index 3）上打开，因此它们覆盖了我的板，但它们所在的标题位于最低层（z-index 1），因此板是分配给中间层（z-index 2）。从逻辑上讲，这对我来说看起来不错，但菜单显示为低于 z-index 2...我已经没有办法解决这个问题了。
* {
margin: 0;
padding: 0;
}
#header {
width: 512px;
height: 256px;
position: fixed;
z-index: 1;
background-color: red;
}
div>ul {
width: 512px;
height: 128px;
position: fixed;
z-index: 3;
background-color: blue;
}
ol {
width: 480px;
height: 320px;
margin: 32px 16px 0 16px;
position: fixed;
z-index: 2;
background-color: green;
}<div id="header">
<ul></ul>
</div>
<ol>
</ol>推荐指数
解决办法
查看次数
How to get image to show on top of header image
I gave my sidebar a negative top margin to display an image over top of the header yellow image but I can't get the sidebar image to show on top. I have added position: relative and played with the z-index but nothing is working.
Here is the page
Here's the css code I have -
.reciperight {
float: right;
width: 28%;
color: #512e70 !important;
font-size: 18px !important;
position: relative;
margin-top: -200px;
}
推荐指数
解决办法
查看次数
为什么z-index不能处理定位元素？
我希望我的Bootstrap下拉菜单显示在导航栏下方,但它似乎不尊重z-index样式.
从广义上讲,我有这样的布局:
<nav> <!-- z-index: 2; -->
<ul>
<li>
<ul> <!-- z-index: 1; -->
...
既有<nav>和<ul>有位置风格.这是完整的代码:
.nav-submenu {
top: 20px;
position: absolute;
z-index: 1;
}
.navitem-left {
position: relative;
}
nav {
height: 72px;
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.10);
padding-top: 30px;
position: fixed;
z-index: 2;
width: 100%;
}
nav ul {
list-style-type: none;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<nav>
<ul> …推荐指数
解决办法
查看次数
标签 统计
z-index ×10
css ×6
html ×4
javascript ×2
button ×1
css-position ×1
material-ui ×1
paperjs ×1
position ×1
react-select ×1
wordpress ×1