3回答
引导和Z-索引
、、
我对z-index属性有问题，它包含在具有Pinterest Widget的div中。
在以前的应用程序中，没有引导，我可以简单地设置z-index: 2，这将有助于隐藏这个Widget的一部分在标题后面。
这里，我将标题div和父列div设置为z-index:1 Widget div，它的父div设置为z:index:2
<div class="col-md-4 md-margin-bottom-20 hidden-sm hidden-xs" style="z-index:1">
<div class="">
浏览 3提问于2015-05-07得票数 7
回答已采纳
1回答
在JS代码中，我声明当超过垂直菜单中的LI元素时，所有li元素的样式都是：z-index:5，除了当前覆盖li元素和class="selected"的li元素，样式是：z-index: 10。在chrome，FF中它工作得很好，但在IE中，当我超过菜单的li元素时，它就消失了。
以下是JS代码：
var mainMenu_li = document.getElementById('mainMenu').getElementsByTagName('li');
for(i = 0; i < mainMenu_li.length; i++)
浏览 2提问于2012-01-11得票数 1
1回答
我在IE9上遇到了一个真正的问题，我已经和一个这么好的用户一起写了一些代码，但是我正在绞尽脑汁地思考如何做到这一点，因为我的jQuery技能不是很好。
这段代码在其他浏览器中的工作方式非常完美，但它在IE9中的工作方式并不像我希望的那样。问这个问题的原因是，大约有一半的办公室仍在使用IE9，而且他们不打算升级。
当用户悬停在紫色的圆圈上时，会出现一个框，详细说明一些信息，整个框可以链接到站点中的一个页面。如果你在圆圈周围移动鼠标，盒子就不会出现，只有当用户在圆圈上盘旋时才会出现，这就是我想要的。它在IE9中所做的是，如果你在圆圈顶部移动，盒子就会出现，所以在IE9中，盒子是不可见的，但是如果用
浏览 3提问于2014-07-08得票数 0
回答已采纳
6回答
可拖动div的Z索引顺序
、、、、
我想在我的网站中创建一个可拖动的媒体播放器(在我的示例中是蓝色框)，我需要将媒体播放器放在所有div的前面。我该怎么做呢？
我的页面模板是这样的：
你可以试试：
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Popup Test</title>
<script src="js/jquery.js" type=&#
浏览 1提问于2011-09-20得票数 2
回答已采纳
可能重复：
如何获得最高的z-指数值？
将所有div索引值放入数组并使用math.max？或者有什么建议吗？
<div class="a" z-index="1">
<div class="a" z-index="3">
<div class="a" z-index="4">
<div class="a" z-index="5">
<div class="a" z-index="6
浏览 3提问于2013-01-29得票数 0
回答已采纳
我希望对多个div应用不同的z-index，如下所示：
<div class="container" style="z-index:4">
</div>
<div class="container" style="z-index:3">
</div>
<div class="container" style="z-index:2">
</div>
<div class="container" styl
浏览 5提问于2015-05-06得票数 0
回答已采纳
2回答
我可以找到许多与互联网浏览器相关的z索引问题，但这些解决方案对我没有用，或者我无法正确理解它。
我有一个表单元素。
一旦单击了表单提交，我希望用div覆盖表单，这样表单中的任何内容都不会被单击。为此，我使用了一个正确定位的覆盖，而且js也运行得很好。它在铬中运行得很好，但在IE8 z-索引中却不起作用.
到目前为止我试过
1.
<div style="position:absolute; z-index:100"></div>
<form></form>
2.
<div style="position:absolut
浏览 1提问于2014-08-29得票数 0
回答已采纳
我正在研究一种基于
在第15行，您可以看到导入(多行以便于阅读)。
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
它在上周开始加载v3.10 (发行版)，而不是v3.9 (现在冻结)。
从页面中可以看到的问题是，画布现在被加载在"MapPane“层中，远远低于其他6层()。该层不具有交互性。
有没有人遇到过这样的问题，或者更好的是，正在使用链接中的解决方案--并
浏览 0提问于2012-11-29得票数 1
2回答
给定WebStorm集成开发环境中的JS代码或CSS代码：
const foo = {
z: 'zip',
a: 'zot'
}
或
.foo {
z-index: 1;
align-content: center;
}
有没有一种方法可以让我编码、选择代码并按字母顺序重新排序属性名称？使：
const foo = {
a: 'zot'
z: 'zip'
}
或
.foo {
align-content: center,
z-index: 1
}
浏览 1提问于2021-06-23得票数 0
我想在knockout中绑定后访问DOM元素。我想访问tr:first-child
如何访问？？请帮帮我
$("#account_tab_m2005 table tbody tr:first-child td .popOver").click(function(){
alert("a");
$(this).css('z-index',11);
});
$("#account_tab_m2005 table tbody tr:nth-child(2) td .popOver"
浏览 13提问于2018-07-30得票数 0
2回答
在我的代码中，我试图将图像堆叠起来，例如
在那里有2张图片后面和顶部一张。
我试过使用浮点数和z索引。
问题，我如何才能得到它，使我的图像在上面的例子中？
working <--用工作解决方案更新
<div class="container">
<div class="row">
<div class="col-lg-12">
<img data-src="holder.js/50px320?theme=social" class="img-thum
浏览 5提问于2016-11-29得票数 0
回答已采纳
3回答
选择具有最高z索引的DIV
、、、、
示例代码，以便我可以开始解释这个问题：
<div style="z-index:5">5</div>
<div style="z-index:2">2</div>
<div style="z-index:1">1</div>
<div style="z-index:4">4</div>
<div style="z-index:3">3</div>
(Z索引值无关紧要，它们的顺序甚至更少。只是示例代
浏览 1提问于2010-01-05得票数 6
回答已采纳
2回答
我试图在fabric js中获得选定对象的z索引。有办法弄到吗？
var z_index = 1;
$('#manage_index').change(function(){
var cur_value = $(this).val();
if(cur_value!='')
{
var object = canvas.getActiveObject();
if(cur_value=='up') // Means increase z-index
{
ca
浏览 1提问于2017-11-20得票数 2
回答已采纳
2回答
使用CMS Wordpress，我有一个文件light.js，它的目录是- wordpress .themes/mytheme/js/light.js。这是light.js的脚本：
$(document).ready(function(){$("#lightsoff").click(function(){$("body").prepend('<div id="fader" style="position: absolute;
z-index: 1000; left: 0px; top: 0px; background-
浏览 1提问于2017-01-03得票数 0
2回答
我只是想让鼠标悬停div的位置在右边，根据周围的空间。不知何故，我可以在前两列中做到这一点，但对于其他列就不行了。可能是我写条件状态时的计算是错误的。
有人能帮帮忙吗？
JS Fiddle：
JS代码：
$('.thumb-over-team li').find('.cover').css({opacity:0});
$('.thumb-over-team li').on('mouseenter', function(){
var $this = $(this),
浏览 2提问于2015-08-09得票数 0
我正在尝试使用CSS动画和Jquery创建堆叠卡片的旋转木马。DOM元素如下：
<div class="container">
<div class="card active" style="background:orange;z-index:4">
1
</div>
<div class="card" style="background:tan;z-index:3">
2
</div>
<div class=&
浏览 2提问于2022-07-28得票数 1
回答已采纳
在Webkit浏览器上，jQuery("#X").css("z-index");总是返回"auto“。在火狐上工作正常。
看起来您也不能使用类似于jQuery("#X").css("z-index",5);的内容来设置z索引
测试用例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery CSS Z-inde
浏览 1提问于2011-06-25得票数 5
回答已采纳
我想要Vue粒子成分在后面，但不知怎么我不能让它起作用。我所有的组件和HTML标签都在粒子后面。
我尝试的是使用z-index CSS属性来修复它。
在粒子-js组件上使用z-index: 0：
h1 {
z-index: 999;
}
#particles-js {
position: absolute;
background-size: cover;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-y: hidden;
z-index: 0;
}
这样的节目：
使用粒子-js组件上的z-
浏览 0提问于2019-04-13得票数 1
回答已采纳
4回答
如何使用JS删除内联CSS？
、、、、
我有 <div class="slide slick-slide slick-current slick-active" data-slick-index="0"
aria-hidden="false" style="width: 1730px; position: relative; left: 0px; top:
0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide00"
浏览 37提问于2019-02-03得票数 0
回答已采纳
我正在上传代码从我的项目到柱塞。你可以看到它，。当我通过本地服务器运行代码并在Chrome中呈现它时，功能可以正常工作。当我试图通过柱塞运行它时，代码会失败。
这个片段在script.js内部
$('.navbar-toggle').click(function(){
alert('test1');
if ($(this).hasClass('login')) {
$('.navmenu-style1').css("z-index","1");
$(&
浏览 7提问于2014-10-24得票数 0
回答已采纳
1回答
为每天设置不同的颜色(小部件)
、、、、
我正在重写这个小部件，我想为一周中的每一天设置一种颜色，如Monday = blue、Tuesday = purple等，这样每一天都将以所选颜色显示在屏幕上。
我已经在网上搜索过了，但我没有找到任何对我有帮助的东西。我尝试了不同的方法，如getDay()、getElementsByTagName、var colors、if/else，但这些都不起作用(可能是因为我做错了什么)。
<html>
<head>
<title></title>
<meta name="viewport" content="width=de
浏览 27提问于2018-07-13得票数 0
回答已采纳
1回答
我正在尝试使用bespoke.js实现一个旋转木马。指向我的代码的链接是。
How do I apply z-index to the slides, which are not in focus?
If I do z-index:1, then the whole orientation changes so, What should be done ?
浏览 6提问于2017-05-15得票数 1
回答已采纳
1回答
我在本地工作，我刚刚将firebug更新到新版本。在更新之前，无论我在js中犯了什么错误，firebug都会告诉我哪一行代码不能正常工作(这样我就可以知道我在哪里犯了错)。
现在我的网站崩溃了，但是我没有收到任何关于JS不工作于firebug的消息。有什么变化吗？脚本已启用。
这是代码
$("#cv").hover(
// when the mouse enters the box do...
function(){
$("#hover-cv").css("z-index":"6");
浏览 11提问于2010-12-02得票数 3
我有一组节点分组在父(复合)节点中。我想显示从“外部”节点(在复合节点之外的那些节点)到“内部”节点(在复合节点内的那些节点)下面的复合节点的边缘。
(类似于。)
到目前为止，我尝试过像这样设置z-index属性，并将z-index-compare设置为manual，但它无法工作：
style: [
{
selector: 'node',
style: {
'z-index-compare': 'manual',
'width': 10,
浏览 1提问于2017-05-25得票数 1
回答已采纳
1回答
我正在使用这个伟大的片段来创建一个JS和CSS翻盖书：
它在Chrome 98中工作得很好，但在Firefox 97.0 (64位)中却有不同的表现。
不知何故，在所有可用的z索引的中间有一个z索引的元素似乎是最重要的。
<div class="pages">
<div class="page" style="z-index: 29;"></div>
<div class="page"></div>
<div class="page" s
浏览 3提问于2022-02-22得票数 0
2回答
所以，我要在JS (+jQuery)中做象棋游戏，最后要做的就是让棋子可以拉扯。
我的板是普通的html表(带有TRs和TDs)，其中包含了DIVs。我使用jQuery UI使DIV可拖动，但是每次我尝试将带片段的DIV拖到其他地方时，它都停留在相同的td：中。
HTML是这样的：
<table>
<tr>
<td class="pole">
<div class="figura">here goes a piece</div>
</
浏览 5提问于2014-02-06得票数 1
回答已采纳
我使用load()函数通过单击菜单中的按钮从不同页面动态获取详细信息。其中一个按钮指向使用自己的jquery效果的图片库。但是这些脚本并没有运行。我试图使用getscript()显式地加载它们，但也不起作用。代码如下：
$(document).ready(function() {
var hash = window.location.hash.substr(1);
var href = $('#nav li a').each(function(){
var href = $(this).attr('href');
if((hash==href.
浏览 0提问于2012-10-08得票数 2
回答已采纳
1回答
我想把js模拟时钟放在一个表单元里。
#table02{
width:100%;
}
#tdLogo02{
background:#ff0000;
width:17%;
}
#tdClock{
text-align:center;
}
.hands{
border:thin solid red;
}
#hour {
z-index: 1;
}
#min {
z-index: 2;
}
#sec {
z-index: 3;
}
双手应垂直堆叠，并在细胞内水平和垂直地对齐。我试过用position:fixed，position:a
浏览 2提问于2013-08-06得票数 0
回答已采纳
我发现很难让我的按钮在html画布中工作。我认为onclick事件并没有被调用，或者画布已经覆盖了它们，但是我不知道为什么。我尝试将按钮放在一个更高的z-索引上，如这里所示。
但我没有用。这是画布和按钮的代码
<canvas id="whiteboard" style="z-index:1; position: absolute; left: 0px; top: 0px;"></canvas>
<input type="button" style="z-index: 2" value="bl
浏览 2提问于2016-01-23得票数 1
回答已采纳
1回答
我在想要包含在wordpress模板页面中的javascript有问题。
我想要做的是:在这个页面上-- --我想调用一个可以淡入/淡出6张图片的javascript (你可以在标题的右上角看到第一张图片)。
脚本是这样的：
这是我在header.php中所拥有的：
<?php wp_enqueue_script('innerfade', '/vworker/wp-content/themes/visualtime/js/innerfade.js', array('jquery'));?>
<?php wp_head();?&
浏览 0提问于2012-02-28得票数 0
回答已采纳
有些媒体查询在JavaScript中无法执行，因此我一直将它们作为虚拟属性存储在CSS中，以便用jQuery检测：
CSS
#mobile-check{
display:none;
z-index:1;
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3) {
#mobile-check {
z-index:2;
}
}
HTML
<html&g
浏览 3提问于2018-01-01得票数 0
回答已采纳
1回答
当你点击标题中的一个链接时，我正在尝试使用transformY来使元素向下滑动的动画效果。我遇到的问题是，正在显示的元素嵌套了几层，这就是我认为导致问题的原因--我需要元素从父元素后面滑下来。在这种情况下，设置z-index似乎不起作用。我已经在下面创建了一个JS小提琴-感谢任何人的帮助！在此演示中，绿色的父容器应该位于黄色隐藏元素的顶部。
jQuery('.test-link').on('click', function(e) {
e.preventDefault();
jQuery('.container').toggleClas
浏览 13提问于2017-03-15得票数 1
我有一个以反向顺序设置z索引的列表：
<ul>
<li style="z-index: 3;">First item</li>
<li style="z-index: 2;">Second item</li>
<li style="z-index: 1;">Third item</li>
</ul>
使用jQuery UI可排序，当我对项目排序时，元素的z索引不改变时，我希望达到这样的效果。比如说，我想按照这个顺序对所有表示的项
浏览 0提问于2014-12-26得票数 1
回答已采纳
1回答
我试图通过更改与鼠标位置相关的图像的z索引属性，使用mousemove函数翻转一堆图像。我收到控制台错误，不知道是什么原因造成的。为了使代码更加清晰，我在代码中写下了很少的评论。我只是从js开始，这可能是一个非常简单的错误。
var $images = $('#images'), // caching elements
$img = $('img', $images),
l = $img.length;
$('#images').mousemove(function(e){
var xPos = e.pag
浏览 3提问于2014-09-14得票数 0
回答已采纳
2回答
我有一份清单：
var $curr = $('#lol').children().first()
var $last = $('#lol').children().last()
$curr.css("z-index", "1");
$("#next").click(function() {
if ($curr == $last) {
$curr = $curr.first();
$("li").css("z-index", "");
浏览 2提问于2015-05-17得票数 0
回答已采纳
我在想，我有一个带孩子的父母元素。假设父程序有一个X z-index。我希望第一个子z-index是父z-index减去1，下一个子父减去2，第三个减去3，等等。这一切都必须是可变的，所以没有硬编码！是的，我可以在这个例子中更改HTML元素的顺序，但是我通过外部服务接收到这些元素，所以这是不可能的。
<div class="parent"> Z-index = X
<div class="child" id="child_1">Z-index = X - 1</div>
<div class=&
浏览 0提问于2016-02-05得票数 1
回答已采纳
我想通过PDF得到我的DIV。这个例子适用于FF，但不适用于IE 8/ 9。注意:无论PDF指出什么，这也是相同的结果。
<html>
<head></head>
<body>
<div style="position:absolute;z-index:1000;background-color:pink;z-index:1000">
I'm over PDF
</div>
<iframe src="http://wwwimages.adobe.com/www.adobe.com/co
浏览 0提问于2011-04-16得票数 1
回答已采纳
在我的Rails应用程序中，我试图通过gmaps4rails gem为Gmap定制infobox。当我定义一些css属性，比如z-index，overflow-y来定制它的时候，我遇到了如下的错误：
ExecJS::RuntimeError at /
SyntaxError: [stdin]:22:15: unexpected -
(in ../app/assets/javascripts/infobox.js.coffee)
下面的文件似乎是导致错误的原因：
../app/assets/javascripts/infobox.js.coffee
# omitted
infobox: (b
浏览 2提问于2014-07-18得票数 1
1回答
我目前正在做一个js项目。
我正在绘制一些画布，但我的代码有问题：
<div id="canvasesdiv" style="height: 100%; width: 100%; display: table-cell; position: relative; width:578px; height:415.5px">
<canvas id="c1" style="z-index: 1; position:absolute; left: 80px; width="680" heigh
浏览 4提问于2016-09-15得票数 0
1回答
在此页面上使用twitter引导程序创建：(链接已删除)
我有一个div，其中运行了一个javascript，它打印文本行，就像有人在页面上键入它一样。我们把这个叫做div 1。在这个div之上，我有另一个div (让我们称之为div 2)，它有我的网页的标题。
我想让div 2在div 1之上，他们是。问题是div 1中的JS模拟某人键入的JS将div 2向下推。我希望div在彼此之上，JS不按div 2向下运行。
问题是，无论我如何使用z索引，我似乎都不能解决这个问题。如果我使用绝对定位，div会被按在我的菜单按钮的顶部，我不能点击它们来使用网页。
这是我的div结构：
<div c
浏览 2提问于2015-03-24得票数 0
回答已采纳
我正在尝试使用fullpage.js库构建一个单页面站点，效果非常好！我还想将particle.js库中的粒子效果添加到我的站点的第一部分。
无论我怎么尝试，似乎粒子都没有出现，我不确定是什么问题，任何帮助我都很感激！我的代码如下：
HTML：
<div class="section" id="particles-js"></div>
JS：
particlesJS.load('particles-js', '/assets/particles.json', function() {
console
浏览 1提问于2017-09-11得票数 0
1回答
有一个函数HTML / CSS / JS允许div (带有z-index: 2000)模拟单击事件，当它在图像热点上覆盖5s时(使用z-index: 1000)。
浏览 1提问于2015-04-22得票数 0
回答已采纳
1回答
我使用的是一个创建对话框的JS库，但它的核心代码非常大且复杂。创建的对话框具有CSS属性z-index: 2，而我希望它们使用更大的数字。问题是，这个CSS是在JS库运行时直接在对话框的DIV包装器上设置的(因此，由于规则的限制，我不能用外部CSS文件覆盖它们)。
我想知道在Chrome开发人员工具或Firebug中是否有一种方法可以在给定的动态创建的元素的z-index属性发生变化时设置断点，因为我知道它将被分配什么id=""和class=""？基本上，断点应该就在设置z-index之前，这样我就可以知道上面例子中数字2的来源。
浏览 2提问于2013-02-04得票数 1
回答已采纳
2回答
IE返回错误的z索引
、、、、
这是我在IE7中遇到的另一个z索引问题。我在其他地方找到了这个问题的解释，但没有修复。
当你有一个内联z-index为0的定位元素时，javascript不会返回正确的z-index。如果将z-index设置为样式表中的元素，它将返回该z-index。我使用jQuery也得到了同样的结果。
使用以下内容创建一个html文件：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
浏览 1提问于2010-11-17得票数 0
回答已采纳
如果我有三个div，每个div都有固定的位置。如何让.inner出现在.overlay之上
HTML
<div class="container">
<div class="inner">The inner container</div>
</div>
<div class="overlay"></div>
CSS
.container {
position: fixed;
z-index: 1;
background: red;
he
浏览 1提问于2014-11-15得票数 0
我有如下代码。
下面的代码在单击时运行良好，但在$.each中不起作用。为什么？
$($('.slides').children()[0]).css({'opacity':1,'z-index':6});
$(document).ready(function(){
$(document).on('click', '.one', function() {
$('.slides').children().css({'opacity':0,'z-index':0});
浏览 3提问于2017-10-08得票数 0
回答已采纳
我试图使用一个.info_toggle条件在if类中切换文本。我被困住了，如果有人能帮助我理解为什么我的当前代码不能工作，我将非常感激。
JS:
$( '.info_toggle').click(function() {
$("body").toggleClass( "info-page-open" );
});
if ('info-page-open') {
$('.info_toggle').text('CLOSE');
} else {
$('.info_toggle
浏览 3提问于2019-12-22得票数 1
回答已采纳
1回答
我想创建一个网络，有一个灰色的基础结构和许多叠加图像，使其丰富多彩。此外，我使用js来使图像映射响应，这是有效的，但如果我想使覆盖图片，图像映射不再工作。
这是我的提琴
.page-title-wrapper {
position:relative;
}
.imgA1 {
z-index: 25;
}
.imgB1 {
position:absolute;
top: 0px;
left: 0px;
z-index: 3;
}
.imgC1 {
position:absolute;
top: 0px;
left: 0px;
浏览 1提问于2014-01-05得票数 0
1回答
canvas.style('z-index', '-1');不能与noscrollbars.css一起工作，并且在chrome中破坏了p5.easycam.js。我试图在一个完整的窗口画布上去掉滚动条。这在火狐中工作得很好，但在chrome中破坏了p5.easycam.js，我在控制台中没有得到错误。也许这和node.js有关？
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="noscrollbars.css">
<head>
浏览 6提问于2021-11-28得票数 1
1回答
我试图获得两个透明的图像视差在一个静态背景中包含在头部使用由卡梅隆McEfee。看起来是这样的：
头
<script type="text/javascript" src="/js/plax.js"></script>
<script>
$(document).ready(function () {
$('#anotherWrapperForSomeReason img').plaxify()
$.plax.enable()
})
</script>
正文
<div class="co
浏览 3提问于2014-03-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
