z-index

jQuery UI Autocomplete with scrollbar z-index help

女生的网名这么多〃 提交于 2019-12-13 16:01:45
问题 I have a textbox that I am attaching jQuery UI's Autocomplete functionality to and I am using CSS to give it a max height via the example here. My problem is that doing this causes the z-index problem that bgiframe solves to come back again, but in a different way. The initial autocomplete menu is above all the controls underneath it, but when I begin to scroll the autocomplete menu falls behind them. Any suggestions? EDIT: This is purely an IE6 bug. As you can see, after scrolling down the

Iframe z-index for Drop down menu

耗尽温柔 提交于 2019-12-13 12:21:58
问题 I've got code for a drop down menu and my goal is to load that code via an iFrame. Unfortunately I could not figure out how to load the view elements outside of the iFrame using the Z-index. The code is as follows: <style type="text/css"> /*Initialize*/ ul#menu, ul#menu ul.sub-menu { padding:0; margin: 0; } ul#menu li, ul#menu ul.sub-menu li { list-style-type: none; display: inline-block; } /*Link Appearance*/ ul#menu li a, ul#menu li ul.sub-menu li a { text-decoration: none; color: #fff;

fixed header displayed over content, but there is a gap at the top,

那年仲夏 提交于 2019-12-13 08:48:29
问题 so I have fixed and centered the header, and the z-index achieves it being over the top of content that scrolls, however there is a small gap at the top. I tried using overflow:auto but it did not work as I had hoped. <body> <div class="wrapper"> <header class="site-header delay fadeInDown animated"> <a class="header-link fadeInDown animated" href="/"> <h1>BryanBell</h1> </a> </header> CSS h1 { font-family:"CubanoRegular"; font-size:72px; letter-spacing:12pt; line-height:120%; text-align

Winforms SplitterPanel, z-index of child overlap split

谁说胖子不能爱 提交于 2019-12-13 08:26:26
问题 I am working with a SplitterPanel in winforms where on the right hand side I want a custom dropdown list control which displays a 2 columns dropdown list. The problem is that with there being two columns I want to be able to have a larger dropdown list area than the actual dropdown, and therefore overlap the SplitterPanel if the list doesn't fit in the split area. I have tried using .BringToFront(); , however this does not work on the SplitterPanel and the control is hidden. I come from a web

Moving a div to the top on click (virtual desktop)

旧巷老猫 提交于 2019-12-13 08:11:31
问题 I have an application that works like a virtual desktop (icons in a horizontal bar in the bottom). When you click on an icon, a window opens (dynamically created). If you click on another (or the same) icon another window opens 10px down and 10px to the right from the last one, and is moved on the top. What I need to accomplish is that if you click on a window that is moved beneath another window, the clicked window gets moved to the top. Below is what I got so far, but it isn't at all a good

How to put the child behind the parent with z-index?

混江龙づ霸主 提交于 2019-12-13 07:17:12
问题 I have this problem as described in the title, can't put the child_child behind all other parents? is this possible? Jsfiddle 回答1: Set z-index only for last child Fiddle and remove floating, change fixed to relative positioning: CSS: .big { position: relative; background-color:red; width:420px; height:100px; } .small { position:absolute; background-color:blue; top:10px; left: 10px; width:400px; height:150px; } .child_child { position:absolute; background-color:yellow; top:10px; width:400px;

Adjusting zindex with createjs

孤街浪徒 提交于 2019-12-13 07:17:08
问题 I would like to move the dragged item to the top layer when its moved. How can I make sure it does not get dragged under another object. Can I set what ever "sequenceNumbers" that is selected to move to the top of the sorting order? //++++++++ Terms to sort ++++++++++++++++ var xOffset = 100; for (var a = 0; a < gameData.Terms.length; a++) { rect = new createjs.Shape(); rect.graphics.beginFill("blue").drawRoundRect(0, 0, 350, 30, 8); rect.name = a; var name = new createjs.Text(gameData.Terms

IE7 Subnav, two positioning issues

巧了我就是萌 提交于 2019-12-13 07:04:40
问题 Site in question: http://khill.mhostiuckproductions.com/siteLSSBoilerPlate/ If you test the above link in IE7 (I am using IE9 with browsermode and browser compatability for IE7), there is a positioning problem with the subnavs. Hover over about us, then hover over home, and then go back to About us. You will see the sub-nav has moved to the right by the width of the LI above it. This is coded purely in CSS. This works perfectly in all browsers except for IE7, I would like to keep this working

jQuery z-index and animate problem

二次信任 提交于 2019-12-13 05:34:10
问题 I've got some code which animates my images on click and then adds a z-index to it. What I need now is to when I click the close button I need it to animate back to its original state and then change the z-index back to how it was. Currently it changes the z-index and then animates so it looks a bit strange Here's an example Is it possible to do? I've tried putting a delay before the z-index change but it still doesn't work Any ideas? 回答1: http://jsfiddle.net/hD72c/1/ updated and fixed All

Can I make both images with different opacity's on jquery hover

北慕城南 提交于 2019-12-13 05:15:35
问题 I am trying to make the small plus rounded button to be with full opacity and still clickable on my effect At the moment it is taking the opacity for the whole link (which i would like to stay like that), if i change the z-index it goes on top of the link but then it is not launching the fancybox. .img-hover > a { position:relative; } .img-hover { display:inline-block; position:relative; cursor:pointer; } .img-hover .hover { display:none; background:#000; border-radius:50px; height:35px;