颜色选择器 div 出现在阴影框下方,但我无法让它出现在其上方
我正在使用一个名为 SevenColorPicker 的 jquery 插件,它使颜色选择器框出现。问题是它被用在一个 Shadowbox 中,而 Shadowbox 本身位于主页上方,并出现在 Shadowbox 后面,所以看不到它。我想我可以通过向颜色选择器添加更高的 z-index 来解决这个问题:
jQuery('#_seven_color_selecter').css('z-index',500);
(颜色选择器有 id _seven_color_selecter) 但这不起作用。有没有更好的方法来确保它可见?
有问题的页面不是公开的,但如果您想亲自查看问题,我已将其压缩并放入我的公共保管箱中:http://dl.dropbox.com/u/846812/all_lessons.zip - 解压缩并打开“all_lessons.zip” html”。阴影盒打开,颜色选择器出现在页面上,但隐藏在阴影盒后面。您可以使用 jQuery("div.content").hide();
隐藏阴影框
感谢任何建议 - max
I'm using a jquery plugin called SevenColorPicker, which makes a color picker box appear. The problem is that it's being used in a shadowbox which itself sits over the main page, and appears behind the shadowbox, so it can't be seen. I thought i'd be able to fix this with adding a higher z-index to the color picker:
jQuery('#_seven_color_selecter').css('z-index',500);
(the color picker has id _seven_color_selecter) but this isn't working. Is there a better way to make sure it's visible?
The page in question isn't public, but in case you want to have a look at the problem in person as it were, i've zipped it up and put it in my public dropbox here: http://dl.dropbox.com/u/846812/all_lessons.zip - unzip it and open "all_lessons.html". The shadowbox is open and the color picker is present on the page but is hidden behind the shadowbox. You can hide the shadowbox with jQuery("div.content").hide();
Grateful for any advice - max
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
你的方向是正确的,但是 #facebox z-index 是 9999,所以你只需要把颜色选择器的 z-index 调高一点
Your on the right track but #facebox z-index is 9999 so you just need to the your colour selector z-index higher that that