Overlap above flyout

I've got a flyout, and when the user changes data on it, I want to make it completely unreachable while the content is loading. I've achieved this with other controls by having a grid with a ProgressRing at the highest point in the Z-Index that I sho

Non-clickable hyperlink using position and z-index

I am working on a contact form. I want to make a form same as in image i use position absolute in social media wrapper and z-index:-1; but facing a problem with hyperlink on social media icon. html and css code is given below html <div class="sect

Box Shadow works incorrectly on input focus

<div class="group"> <input placeholder="Номер карты" class="inpts inpt-card"> <input placeholder="Владелец карты" class="inpts inpt-owner"> <input placeholder="ММ/ГГ" class=&

HTML - Css: z-index does not work with relative positions

I've understood that z-index needs that the div is positioned. Then, I don't know why it doesn't work in my case : html { height: 100%; } body { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #signDiv { position: relative; z-index: -1; w

Z-index background image

I have an accordion menu that slides down over another container that has a background image. When the menu is opened it pushes the background image down the page. I've tried playing around with z-index and also changing the containers background url

How to determine the index z & ldquo; a shadow & rdquo;

I'm sorry for the title, can not synthesize differently the issue. Here's the problem: In my UICollectionView have some cells that want to put a shadow, they are arranged very close to each other which makes the shadow of each one reach the neighbor

Z-index placing the item below another even though its highest

i have this drop down im adding into a wordpress site using visual composer, and im having trouble getting it to stack on top of a parallax section that is just below it. Even though ive over-riden the parallaxes div to z-index:-1 !important; and set

z-index when using :: after under element

If we use z-index combined with position: absolute; its possible to place the ::before of a element under itself. There is a good example on another question (jsfiddle.net/Ldtfpvxy). Basically <div id="element"></div> #element { posi

Relative positioning without z-index causes overlap

I created two sibling divs and applied negative margin on the last one, but when I added position: relative to the first one, it overlapped its next sibling: .box { width: 100px; height: 100px; } .box-1 { position: relative; background: orange; } .bo

How to change the z index or stack order of UIView?

I've stacked a UIView on top of an existing controller in an effort to create a gradient layer. However, when I load the view the new UIView (naturally) is on top of everything. Relevant Code: class ViewController: UIViewController { @IBOutlet weak v

CSS Positioning Help - Layered DIVS image on each side

I'm really stuck on this and would appreciate any direction. I need to code the following design using CMS and html but I have no idea how to get the center image to overlap the divs on the right and left of the image. I have been reading about relat

Text h1 appears above a side navigation bar

I am trying to make a mobile friendly site, which includes a menu that slides out from the side when a button is tapped. I am using Bootstrap for a slideshow, which includes h1 text on the images. Like in this picture (don't have enough reputation po

z-index does not work between two menus

I have a page top containing two menus. The problem is that when one of the submenus is unwrapped, it doesn't show (the other menu covers it). I've tried with z-index but it doesn't work. Thanks in advance. The page and the code are avaliable in http

how to close a modal without updating the page

I have a page in which the modal pops up, but when i click to close it the page refreshes, and i dont want that to happen. http://dev.ikov.org/store/index.php If you go to the store page, then click on the weapons at the right side, you'll see one it

Parallax Web Scrolling Image and Background Text

Fiddle of the issue: http://jsfiddle.net/Vy365/3/ I'm trying to create sections on a page that have a parallax scrolling effect. The main CSS I'm using to achieve this is background-attachment: fixed for the background image, and position: fixed for

Z-index problems in the safari

I am having some trouble with z-index working on a fixed element in safari. I created the scrolling site in firefox and wasn't even needing to specify z-index for the simple text div to be behind the other content until scrolled down to. But for some

Internet Explorer swallows events

I got a div containing several clickable, draggable and resizable elements. I also want these movable elements to disappear behind a partially transparent (background-)image. It all works nicely on anything but Internet Exploder. my code (reduced to

Show div on the image

I am trying to make a small store map with a pointer on it showing the location in the store. I have created this using jQuery and it works perfect in Chrome. Yet, in Firefox and internet explorer, the pointer is positioned behind the map and it is i

z-index does not work very well in ipad

I am building a site for a friend (http://pasionesargentas.com/sm/) with the fullscreen gallery with thumbnail flip (http://tympanus.net/codrops/2011/02/09/fullscreen-gallery-with-thumbnail-flip/). I didn't quite like the idea of the flip thing so I

Clickable divs under transparent div

Is it possible to have a absolute-positioned, transparent div overlaying a series of divs that are clickable? I want to be able to hover over the red divs underneath in order to get a response. <style type="text/css"> #holder{ width:200px;

Move a div upwards on a click (virtual desktop)

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

Safari + jQuery thickbox = massive visual glitches?

I need help determining what the cause of a serious visual glitch is with one of my production websites. It is only happening with Safari - Chrome and all other browsers are fine. http://www.philanthropicdirectory.org/search This is a Drupal 6.x webs

z-index positioning

I have two div's, nested, and want to have an image placed in front of the inner-div's content, so as to look like decoration around the edges (much of it is transparent.) I thought using z-index and absolute positioning would do it, but it has not w