z-index | 易学教程

When using swfobject, swf file ignores z-index

阅读更多关于 When using swfobject, swf file ignores z-index

问题 I have this issue where if I append a swf file using SWFObject, it ignores my css rules for z-index. I have tried to set the parent container, the swf file, and everything around it; nothing seems to work for me. Has anyone ran into this issue and could give me some helpful advice? Thanks, Kyle 回答1: Make sure your using "transparent" wmode. var params = {}; params.wmode = "transparent"; swfobject.embedSWF("file.swf", "id_name", "100", "100", "10.0.0",false,false,params); 回答2: Z-index is

When using swfobject, swf file ignores z-index

阅读更多关于 When using swfobject, swf file ignores z-index

Locking popup position to element, or faking a popup with layers for in-place editing in an ItemsControl

阅读更多关于 Locking popup position to element, or faking a popup with layers for in-place editing in an ItemsControl

问题 What I am trying to achieve is essentially in-place editing of a databound object inside an ItemsControl in wpf. my ItemsControl is a horizontal WrapPanel containing multiple instances of a usercontrol ( NameControl ) which displays as a little pink Glyph with a person's name. It looks like this With a popup I am able to show an editor for this "Name" (Other properties of the bound object things like Address , Gender etc.) and this works absoluttely fine. My XAML at this point would be along

z-index not properly rendered on iPad and Google Chrome 22

阅读更多关于 z-index not properly rendered on iPad and Google Chrome 22

问题 I have attached two pictures, the first shows the "desktop" of the webapp I work on, some of the icons you see open dialogs made of a <div/> containing an <iframe/> , but while on a normal pc it all works properly, on the iPad it seems there is a problem with the z-index of some elements, as shown in second picture. The small red rounds with number inside are defined as follows: .countComunicazioni { position: relative; background: url(/images/admin/menu_sgs/counter.gif) no-repeat center

YouTube iframe embedded in SVG moves to front whilst playing in Chrome

阅读更多关于 YouTube iframe embedded in SVG moves to front whilst playing in Chrome

问题 The Problem I am trying to embed a YouTube video inside an SVG. It works as expected on Chromium (Ubuntu), but on Google Chrome (Windows 7) the video moves itself to the front of the canvas whilst playing, then back to its original position when playback has stopped. Does anyone know why the video seems to change it's z-index, and how it can be stopped? There is another secondary issue (slightly less pressing in my case) where Firefox displays no video, only audio when playing the video. The

HTML5 Canvas & z-index issue in Google Chrome

阅读更多关于 HTML5 Canvas & z-index issue in Google Chrome

问题 I have found that applying a z-index to a canvas that has position:fixed causes Chrome to stop rendering all other elements which have position:fixed properly. However, this only happens if the canvas is greater than 256x256px in size. Here's an example: <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <style> h1 { position: fixed; } body { height: 2000px; } canvas { position: fixed; z-index: -10; } </style> </head> <body>

Z-index: How to make nested elements appear underneath their parent element

阅读更多关于 Z-index: How to make nested elements appear underneath their parent element

问题 This fiddle should demonstrate the issue: http://jsfiddle.net/5sqxQ/2/ I want the sub menu to appear underneath the parent menu. I was then was looking to extend this with JavaScript to slide the menu from underneath on hover of the parent li element. Not fussed about the JavaScript but can't figure out how to style the elements to achieve the desired layering. 回答1: You don't. Instead, make the a be the "Sign In" "button". Something like this: http://jsfiddle.net/5sqxQ/15/ 回答2: It doesn't

z-index css Pop-up box and ie7

阅读更多关于 z-index css Pop-up box and ie7

问题 I have some div boxes which should show a speech box when on hover. With jQuery and CSS it’s nothing too hard. However, the popup speech appears under the neighbor div in IE7 — I can not make it to appear under it (see the shots). I tried to play with z-index at different spots with no success. FF alt text http://img134.imageshack.us/img134/5314/63386894.png IE7 alt text http://img396.imageshack.us/img396/9329/95483890.png HTML <div class="boardshot_list"> {% for ... %} <span class="img_box">

Keeping style applied using :hover until transition complete?

阅读更多关于 Keeping style applied using :hover until transition complete?

问题 I have a bunch of tiles on a page that expand as the user mouses over them. The expanded one should have the highest z-index , and this works, but I need the z-index to remain until the size transition is complete. Is there a way to do this using CSS only, no JavaScript ? Since I'm using transitions, I'm not too worried about compatibility here, I applied progressive enhancement correctly. Here's a jsFiddle that demonstrates this. Mouse over A; it transitions out. Mouse off of it, however,

Is position: fixed z-index relative to its parent's z-index?

阅读更多关于 Is position: fixed z-index relative to its parent's z-index?

问题 I have a fixed position element inside a relatively positioned element, as far as I'm concerned the position: relative element shouldn't have any effect on the position: fixed (fixed elements are positioned relative to the window, right?). However, the fixed elements z-index seems to be inherited by it's parent, to the point where it's z-index can be no higher than its parent's z-index. I hope I'm making sense? Below is a HTML example of what I'm talking about: .outer { position: relative; z