我已经隔离了IE7 z-index
错误的一个小测试用例,但是不知道如何解决它。我z-index
整天都在玩。
z-index
IE7有什么问题?
测试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索引不是绝对测量。 只要z-index:1000的元素位于 不同的 堆叠上下文中 ,则z-index:1000的元素可能位于z-
index:1
的元素之后。
当您指定z-index时,您是相对于同一堆叠上下文中的其他元素指定它的,尽管CSS规范在Z-index上的段落指出,仅为 具有z-index而不是z-index的 定位内容创建新的堆叠上下文_自动_(意味着您的整个文档应该是单个堆叠上下文),您 _确实_构造了定位范围:不幸的是,IE7将没有z索引的定位内容解释为新的堆叠上下文。
简而言之,请尝试添加以下CSS:
#envelope-1 {position:relative; z-index:1;}
或重新设计文档,以使您的跨度不再具有相对位置:
<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>
。使父元素(在您的示例中为envelope-1)具有更高的z-index的原因是,因为那时信封1的所有子元素(包括菜单)都将与信封1的所有兄弟姐妹(特别是信封2)重叠。
尽管使用z-index可以显式定义事物的重叠方式,即使没有z-index,[也可以很好地定义分层顺序。最后,IE6还有一个额外的错误,该错误导致选择框和iframe浮动在其他所有内容之上。
主要内容:创建分层索引,应用分层索引,分层索引切片取值,聚合函数应用,局部索引,行索引层转换为列索引,列索引实现分层,交换层和层排序分层索引(Multiple Index)是 Pandas 中非常重要的索引类型,它指的是在一个轴上拥有多个(即两个以上)索引层数,这使得我们可以用低维度的结构来处理更高维的数据。比如,当想要处理三维及以上的高维数据时,就需要用到分层索引。 分层索引的目的是用低维度的结构(Series 或者 DataFrame)更好地处理高维数据。通过分层索引,我们可以像处理二维数据
问题内容: 我有一个基本的实体树结构。该树最多可以有5个节点深,但可以有N个节点宽。我已将这种关系映射到类似于以下所示的表中: 我从一个已知的对象开始,这可以转换为具有起始的“ myID”。现在,我想获取所有子节点。有没有一种方法可以在一条语句中获得所有子节点?这需要包括我的孩子们的孩子,然后沿着树走下去。我正在使用Oracle SQL。 谢谢,周杰伦 问题答案:
美好的一天, 我尝试在新的Jenkins实例上设置多分支管道,在扫描多分支管道日志中遇到了以下错误: 没有这样的文件:E:\Continuous Integration\Jenkins\jobs\Enhanced API\indexing\indexing.log 根据jenkins.err.log,我遇到了一个 这个Jenkins的版本是2.85,带有以下版本的Git插件: Git客户端插件-2
主要内容:FAT的限制,索引分配方案FAT的限制 现有技术的局限性导致新技术的发展。 到目前为止,我们已经看到了各种分配方法; 他们都有几个优点和缺点。 文件分配表尽量解决尽可能多的问题,但会导致一个缺点。 块的数量越多,FAT的大小就越大。 因此,我们需要为文件分配表分配更多空间。 由于文件分配表需要被缓存,因此不可能在缓存中具有尽可能多的空间。 在这里我们需要一种可以解决这些问题的新技术。 索引分配方案 索引分配方案不是维护所有
这里的索引提供基于类的视图的另外一种组织形式。对于每个视图,在类继承树中有效的属性和方法都显示在该视图的下方。按照行为进行组织的文档,参见基于类的视图。 简单的通用视图 View class View 属性 (以及访问它们的方法): http_method_names 方法 as_view() dispatch() head() http_method_not_allowed() Template
分类索引 360浏览器提供了大量的应用(扩展)接口,您可以根据开发时的需要,点击以下对应的链接查看。 改变浏览器外观 Browser Actions 在工具栏上增加图标 桌面通知 提示用户重要信息 Omnibox 在地址栏中增加关键词 选项页 让用户自己配置应用(扩展) 替代页 重定义浏览器的内部页面,例如新标签页 Page Actions 在地址栏内增加临时的图标 主题 改变整个浏览器的外观 与