标签: z-index
element的z-index值无法克服iframe内容的一个
我有一个div和一个iframe在页面div上
z-index: 0;
在iframe拥有与具有弹出式内容z-index的1000
z-index: 1000;
然而,div仍然掩盖了IE中的弹出窗口(但在Firefox中工作正常).
有谁知道我能做什么？
推荐指数
解决办法
查看次数
javascript,css,z-index,div stacking
我想创建一种只对页面内的单个DIV起作用的光/厚盒子.当我开火时,第一个div(phantom_back)按照我想要的方式行动,但是第二个,phantom_top在phantom_back之后设置自己,无论它的z-index和定位如何.
我究竟做错了什么？
这是我到目前为止:
<html>
<head>
<script type="text/javascript">
<!--//
function phantom_back(image)
{
document.getElementById('phantom_back').style.zIndex = 100;
document.getElementById('phantom_back').style.height = '100%';
document.getElementById('phantom_back').style.width = '100%';
phantom_top();
}
function phantom_top(image)
{
document.getElementById('phantom_top').style.zIndex = 102;
document.getElementById('phantom_top').style.height = 600;
document.getElementById('phantom_top').style.width = 600;
document.getElementById('phantom_top').style.top = 0;
document.getElementById('phantom_top').style.left = 0;
}
//-->
</script>
</head>
<body>
<a href="#" onclick="phantom_back()">Change</a>
<div style="height: 700px; width: 700px; border: 2px black solid; margin:0 auto; background-color: red;" id="overlord">
<div style="height: 10px; width: 10px; position: relative; z-index: -1; background-color: #000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;" id="phantom_back"></div> …推荐指数
解决办法
查看次数
C#在桌面上定位窗口
可以说我在C#中有一个普通的窗口.它没有边框样式,因此无法移动或调整大小等.我如何定位该窗口使其显示在与桌面或上面相同的级别？
像小部件或雨量计皮肤.有任何想法吗？
推荐指数
解决办法
查看次数
为什么我的CSS工具提示会压低我的其他内容？
我有一个CSS工具提示，其中CSS3淡入，z-indexs设置为999。当我将鼠标悬停在链接上时，工具提示本身会将其他内容向下推，尽管我使用了一个跨度并将其转换为块。
这是我要做什么的一个示例，如何阻止它压低内容？
谢谢。
推荐指数
解决办法
查看次数
Z指数不起作用
推荐指数
解决办法
查看次数
在z-index中将div叠加在一起的最佳方法是什么？
我希望将一些div叠加在一起,但其他方式就像普通的div一样.即我不想担心手动定位它们.这可能在HTML5/CSS3中吗？
例如:
<div id='outerDiv'>
<div id='inner1' style='z-index: 1'>This should be the full size of outerDiv</div>
<div id='inner2' style='z-index: 2'>This should appear overtop of inner1</div>
</div>
我希望有一个简单的方法来做到这一点.
换句话说,假设我已经有一个布局和完美的页面,但我想要一个已经定位的div并且超级直接在它上面施加另一个div,完全相同的大小,而不用拧紧现有的布局起来.这可能吗？
推荐指数
解决办法
查看次数
Z-index低于文本但高于背景
我试图得到一个div作为部分背景显示在内联内容下面是包含div但高于其容器的背景.如果我将仅部分背景的z-index设置为-1,它将显示在背景后面.但是,如果我将包含div的z-index设置为1,而包含的div的z-index为-1,则会根据需要显示.
有人可以向我解释为什么会这样,如果这是一个可靠的方法？
.container {
position: relative;
width: 80%;
height: 18px;
padding: 6px 10px;
background: #666;
z-index: 1;
}
.partialbg {
position: absolute;
left: 0px;
top: 0px;
height: 30px;
width: 80%;
background: #0CC;
z-index: -1;
}<div class="container">Text here
<div class="partialbg"></div>
</div>推荐指数
解决办法
查看次数
Z指数不工作 - 替代技术或修复
我已经为一个固定定位的菜单栏分配了一个高z-index,但它仍然出现在我网站上的其他元素下面.是否有我可以使用的替代技术或我编写的代码有问题.这个问题的网站就在这里(注意:向下滚动后需要向上滚动才能显示导航栏).未正确显示的菜单栏具有以下代码
#headerfull {
position:absolute;
top:-100px;
left:0;
z-index:10000;
width:100%;
height:100px;
background-color:#000000;
opacity:.7;
display:none;
}
但是,由于某种原因,z-index不起作用.前面和中间的"NinjaWarrior.info"图像等元素具有较低的z-index出现在导航栏的前面.该图像的代码如下
<img style="position:absolute;z-index:10" src="images/logo_main.png" width="900" height="300" alt="American Ninja Warrior Fan Site">
推荐指数
解决办法
查看次数
UIV在UIAlertView之上
在我的应用程序中,使用锁定屏幕.有时显示a UIAlertView,现在当用户将应用程序发送到后台并再次将其带到前面时,UIAlertview会显示锁定屏幕上方.是否有可能UIViewController在一切之上添加一个视图,即高于UIAlertView？
推荐指数
解决办法
查看次数
CSS:得到一个div重叠的按钮,z-index不起作用
任何人都可以弄清楚如何让按钮重叠,flyout-content以便隐藏按钮的右边框？我想得到这个效果:
我已经尝试更改z-index内容和按钮,但它不起作用.
HTML
<div class='flyout'>
<button class="flyout-toggle">Click</button>
<div class="flyout-content"></div>
</div>
CSS
.flyout-toggle {
position: absolute;
transform: rotate(90deg);
top: 50%;
left: -50px;
z-index: 998;
width: 85px;
height: 35px;
font-size: 13px;
background: #92C7B8;
border: solid #fff 1px;
}
.flyout-content {
z-index:997
}
.flyout {
position: fixed;
z-index: 999;
top: 0;
right: 0;
width: 15%;
height: 100%;
border-left: solid #fff 1px;
background: #92C7B8;
-webkit-box-shadow: 0px -5px 15px 0px #bfbfbf;
box-shadow: 0px -5px 15px 0px #bfbfbf;
transition: all .3s …推荐指数
解决办法
查看次数