Tag: z index

JavaScript将mouseenter事件传递给另一个元素下面的元素

我正在尝试构建一个类似Google日历的小日历应用程序。 我正在尝试使用单击和拖动function创建事件，以便事件与网格对齐。 我正在尝试将拖动绑定到事件DIV元素下方的TD元素，该元素在向下移动时工作（延长事件），但它不能向上移动（缩小事件）。 发生的事情是为事件DIV元素触发了mouseenter事件，但它永远不会为底层TD触发。 如果您尝试通过向上移动来调整DIV的大小，则可以正常工作，因为TD实际上接收到了mouseenter事件。 Google日历和jQuery周日历使用mousemove事件，但是每个像素都会触发mousemove事件，这似乎很浪费。 有没有办法在不使用mousemove事件的情况下编写它？ 是否可以将DIV元素放在桌子和TD之后？ 如果表格有些透明，用户仍然可以看到DIV，但实际上是在TD上发射事件。 我尝试用z-index做这个，但它似乎没有实际工作。 jsFiddle示例代码： http ： //jsfiddle.net/rockymeza/8SHpA/

Jquery：如何将图像叠加在一起？

在下面的代码中，我有一个构建衬衫的页面。 当用户点击选项（“男/女”）时，’＃shirt’部分通过将PNG图像叠加在一起来显示构造的衬衫。 例如，选择“蓝色”的基色将显示蓝色衬衫的图像。 然后，选择“罗纹”的身体缝线将图像放在蓝色衬衫的顶部，增加了罗纹细节。 现在，我的问题是每个新图像都取代了之前的图像。 其他一切正常（选项出现以响应之前选择的选项）。 Pick Gender Male Female Pick Body Blue Black White Pick Body Blue Black Pink Body Stitching Plain Rib Plain Blue Red Rib Black Green $(document).ready(function() { $(“div.desc”).hide(); var data = { “105” : { img: “http://sofzh.miximages.com/jquery/105.png”, label: “color 1”, price: “100” }, “120” : { img: “http://sofzh.miximages.com/jquery/120.png”, label: “color […]

hover时jQuery交换z-index

我有一个“了解更多”按钮，当用户将鼠标hover在该按钮上时，将在包含一个文本块的按钮顶部显示“更多信息框”。 我无法正常工作，因为更多的信息框似乎干扰了hoverfunction。 我上传了一个我想要实现的例子： http ： //recoverstudio.com/hover_zindex/ CSS： #container { margin: 30px 0 0 0; } .more_info { background: #ccc; margin: 0 auto; padding: 10px 20px; position: relative; top: -38px; width: 355px; z-index: 0; } .more_info p { color: #fff; font-size: 12px; line-height: 1.3; margin: 0; } .learn_more_btn { background: #333; color: #fff; display: block; margin: […]

复选框无法在对话框ui中检查

我试图用jQuery UI Dialog解决z-index问题，类似于问题无法选择或取消选择jQuery UI模式对话框内的复选框 ，知道有错误报告 。 因此，在尝试按照建议启动z-index时，我添加了以下代码： $(‘#interface’).click(function(evform){ $(‘#interface’).prop(‘z-index’)=99999; }); chrome和firefox console.log指出： 未捕获的ReferenceError：赋值中的左侧无效 但是，尽管出现错误，该复选框现在可以正常工作（每次都抛出控制台错误）。 如果我删除违规行，则复选框变为“无法点击”。 我该如何正确编码呢？ 我的HTML： Loading… （顺便说一下，我尝试在 添加内联样式，但它不起作用： Loading… 使用AJAX，我用有效的复选框html替换’#interface’的内容，例如： 我有通常的jQuery / Dialog UI文件。 最后一点，我试图发挥创意，因为这不起作用并手动切换复选框： if ($(evform.target).prop(‘type’)==”checkbox”){ $(evform.target).checked; } *编辑更新* 截至2013年12月22日（EDGE预发行版）的jQuery核心，此错误已得到修复。 我希望他们尽快发布稳定版本（我相信它将是v1.10）！ 你可以在jfiddle中测试它： http ： //jsfiddle.net/tj_vantoll/XXGQA/ http://bugs.jqueryui.com/ticket/6267

z-index和iframe问题 – 下拉菜单

嘿。 我的下拉菜单和iframe有一个相当令人费解的问题。 我已将z-index 1000应用于下拉菜单，但包含youtubevideo的iframe仍显示在菜单上方。 请在下方查看（查看“短代码”菜单）： http://www.matthewruddy.com/demo/?page_id=765 我无法弄清楚为什么会这样。 谁能帮我吗？ 如果它有帮助，这是CSS： #jquery-dropdown { position: absolute; bottom: 0; right: 10px; } #jquery-dropdown ul { margin: 0; padding: 0; list-style: none; } #jquery-dropdown ul li { margin: 0; padding: 15px 10px 15px 10px; position: relative; float: left; } #jquery-dropdown ul li a { display: block; text-decoration: none; font-weight: bold; […]

jQuery – z-index操作和自动值而不是数字

当您add new按钮时，jQuery dragrable DIVs新的可dragrable DIVs插入到CONTAINER 。 当我点击其中一些DIVs ，我想更改z-index值。 但是jQuery无法将z-index值作为数字。 它只显示’auto’ …是否有解决方案显示真正的z-index值并将其increase it by 1 ？ jsFiddle示例 – http://jsfiddle.net/ynternet/84nVQ/10/ HTML add new jQuery的 function handler() { if ($(this).find(“#menu”).length) { return; } var currentIndex = $(this).css(‘z-index’); alert(currentIndex); var newIndex = currentIndex + 1; alert(newIndex); $(this).css(‘z-index’, newIndex); } $(“#add”).on({ click: function(e) { var timestamp = Date.now(); var posx […]

如何在文档中找到最高的z-index，无论它们是什么标签？

如何在文档中找到最高的z-index，无论它们是什么标签？ 我找到了这个代码，但我测试了它，它不起作用， //include jQuery.js — visit: http://jquery.com/ $(function(){ var maxZ = Math.max.apply(null,$.map($(‘body > *’), function(e,n){ if($(e).css(‘position’)==’absolute’) return parseInt($(e).css(‘z-index’))||1 ; }) ); alert(maxZ); }); 有没有更好的办法呢？ 编辑： 如果我将代码更改为此似乎有效， $(‘body *’) $(‘body > *’) –> is for div only I guess.

Jquery – 整个页面变暗并淡化一个div元素

我尝试执行以下操作： – 单击一个链接，触发一个function，显示DIV（＃page-cover）调暗我的整个背景。 这个div的z-index为999 – 然后我希望另一个div（#red）出现在具有更高z-index的灰色背景/ fadeup / show上 我的CSS： #page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 999; top: 0; left: 0; } #red { background-color: red; width: 100px; height: 100px; } HTML //Triggering link Element 1 //Div to appear upon dimmed DIV hejsa //Dimming DIV jQuery的 function dimBackground() […]

bxslider上的z-index元素的顺序

我需要使用no-child元素来命令bxslider的内容。 在图像和顶部的文本之间。 例如 text 任何人都可以建议z指数吗？ 我现有的css类似于： li img{ position:relative; z-index:1; } li span{ position:relative; z-index:3; } .under-text-over-image{ position:relative; z-index:2; } 谢谢

选择具有最高z-index的DIV

示例代码，所以我可以开始解释这个问题： 5 2 1 4 3 （z-index值无关紧要，它们的顺序，甚至更少。只是示例代码） 问题：我想选择（使用CSS或JS和jQuery）具有最高z-index值的DIV。 在上面的例子中，我想选择第一个，因为它的z-index 5高于其他所有的z-index。 有没有办法做到这一点？ 额外信息：我正在使用jQuery + jQuery UI编写一个简单的窗口管理器，z-index由.draggable中的堆栈选项分配。 我似乎无法找到一种方法让jQuery将最后一个拖动的元素分配给一个类，所以我采用最高的z-index方式。 有什么帮助吗？ 谢谢。