个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
24
4
我已经隔离了 IE7 的 z-index 错误的一个小测试用例，但不知道如何修复它。我整天都在玩 z-index。
IE7 中的 z-index 有什么问题？
测试 CSS:
input {
border: 1px solid #000;
}
div {
border: 1px solid #00f;
}
ul {
border: 1px solid #f00;
background-color: #f00;
list-style-type: none;
margin: 0;
padding-left: 0;
z-index: 1000;
}
li {
color: #fff;
list-style-type: none;
padding-left: 0;
margin-left: 0;
}
span.envelope {
position: relative;
}
span.envelope ul {
position: absolute;
top: 20px;
left: 0;
width: 150px;
}
测试 HTML:
<form>
<label>Input #1:</label>
<span id="envelope-1" class="envelope">
<input name="my-input-1" id="my-input-1" />
<ul>
<li>item</li>
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</span>
<br><br>
<label>Input #2:</label>
<span id="envelope-2" class="envelope">
<input name="my-input-2" id="my-input-2" />
</span>
</form>
最佳答案
Z-index 不是绝对测量值。 z-index: 1000 的元素可以位于 z-index: 1 的元素后面 - 只要相应元素属于不同的堆叠上下文。
当您指定 z-index 时，您是在相对于同一堆叠上下文中的其他元素指定它，尽管 CSS spec's paragraph on Z-index说一个新的堆叠上下文只为定位的内容创建，具有非自动的 z-index(意味着你的整个文档应该是一个单一的堆叠上下文)，你确实构造了一个定位跨度:不幸的是，IE7 将没有 z-index 的定位内容解释为新的堆叠上下文。
简而言之，尝试添加这个 CSS:
#envelope-1 {position:relative; z-index:1;}
或者重新设计文档，这样你的 span 就不再有 position:relative 了:
<html>
<head>
<title>Z-Index IE7 Test</title>
<style type="text/css">
ul {
background-color: #f00;
z-index: 1000;
position: absolute;
width: 150px;
}
</style>
</head>
<body>
<div>
<label>Input #1:</label> <input><br>
<ul><li>item<li>item<li>item<li>item</ul>
</div>
<div>
<label>Input #2:</label> <input>
</div>
</body>
</html>
参见 http://www.brenelz.com/blog/2009/02/03/squish-the-internet-explorer-z-index-bug/对于此错误的类似示例。为父元素(在您的示例中为 envelope-1)提供更高 z-index 的原因是因为 envelope-1 的所有子元素(包括菜单)将与 envelope-1 的所有兄弟元素(特别是 envelope-2)重叠。
尽管 z-index 允许您明确定义事物的重叠方式，even without z-index the layering order is well defined .最后，IE6 有一个额外的错误，导致选择框和 iframe float 在其他所有内容之上。
关于css - IE7 Z-Index 分层问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1287439/
24
4
0
在 Django 中如何处理分层 URL？有什么最佳做法吗？例如。如果我有一个像 /blog/category1/category2/myblogentry 这样的 URL(使用例如 django-m
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，
有没有办法在 R 中创建这样的图表？ 以下是图表中显示的数据的摘录: df % group_by(Animal) %>% unite(col=Type, Animal:Name, sep =
我一直在努力处理一些时间戳数据(直到现在才需要处理日期，并且它表明)。希望您能帮忙。 我正在处理来自网站的数据，该数据显示每个客户 (ID) 各自的访问以及这些访问的时间戳。它的分组是指一个客户可能有
我一直在努力处理一些时间戳数据(直到现在才需要处理日期，并且它表明)。希望您能帮忙。 我正在处理来自网站的数据，该数据显示每个客户 (ID) 各自的访问以及这些访问的时间戳。它的分组是指一个客户可能有
我正在尝试完成这段代码: ORDER BY IF(j.groups IS NULL OR j.groups = '', IF(j.title IS NULL, i.title), j.groups)
我有一个非常抽象的问题，因为我不确定如何提出它。我的其中一个 View 上有一个 UIImageView。我想让 ImageView 看起来“压入 super View ”。我不确定技术术语是什么，但
我希望 100% 宽的包含图像的 div 位于我的页面下方。在这些 div 之上，我想要一个 1210 像素宽的 div，我可以在其中放置我的内容。 例子: http://mudchallenger.
我目前正在做一个类似于 http://www.beoplay.com/Products/BeoplayA9#under-the-hood 的元素使用 Javascript、HTML5 和 CSS3。我
我想像上面那样创建图像缩略图..为此，我在下面创建了 XML activity_main.xml
我想知道是否可以定义一个分层 MapReduce 作业？。换句话说，我想要一个 map-reduce 作业，在 mapper 阶段将调用不同的 MapReduce 作业。可能吗？您对如何操作有什么建议
程序设计: A 类，实现较低级别的数据处理 类 B-E，为 A 提供更高级别的接口(interface)以执行各种功能 F 类，它是根据用户输入与 B-E 交互的 UI 对象 在任何给定时间只能有一个
CTE 对我来说有点新，所以我希望有人可以帮助我编写的以下内容将采用类别表并从中构建层次结构以进行显示。我知道这种事情一直被问到，但我认为我的排序情况使它有点独特。 我希望有一些使用 Hierarch
我有关于 的问题群 在聚类分析(层次聚类)中。例如，这是 的完全链式的树状图。虹膜数据集 . 我使用后 > table(cutree(hc, 3), iris$Species) 这是输出 : se
数据 我有以下(简化的)数据集，我们称之为 df从现在开始: species rank value 1
Delphi 2009 中的分层窗口和系统菜单存在问题。也就是说，我们的分层窗口(没有边框)没有系统菜单。当我说系统菜单时，我指的是单击应用程序的图标、右键单击其标题栏或(在 Windows 7 中，
我正在制作一个 pototype HMTL5 Canvas 动画，该动画将导出到 Quicktime。 我有一个动态生成的背景，上面有动态屏蔽的元素。 我可以获取要制作的背景，并将其作为逐帧动画(pn
好吧，我有一个打印棋盘的类和另一个打印国际象棋的类 如何使用 LayeredPane 将它们合并在一起，如上面的示例图片所示？我一整天都在尝试，但似乎没有任何效果。我正在使用 JFrame 打印图片。
这是我的场景。我有两个类(class) ClassA 和 ClassB。 B类继承A类。 我在它们两个上使用@Component注释来使它们成为Spring bean。 @Component publ
这不是一道问题题，而是一道使用工具——leiningen——的题。 在一个主项目下创建分层的 lein 项目是否有优势，如果有，优势是什么？ 如果我使用 lein new bene-cmp 创建一个项
我是一名优秀的程序员,十分优秀！