js动态设置div层级兼容ie7

最新推荐文章于 2022-03-13 16:49:16 发布

b__d

最新推荐文章于 2022-03-13 16:49:16 发布

阅读量1.7k

点赞数

文章标签： z-index js

本文链接：https://blog.csdn.net/u012645961/article/details/17761259

版权

问题描述：IE8或者火狐可以直接在js里用div.setAttribute("style","position:absolte;z-index:9999;");来设置style的属性，但是在IE6和IE7不能用这个函数，导致我们网站的浮动窗口，在IE7中不能正确显示在最顶层。

问题解决：在IE6和IE7需要一项项设置。例如：div.style.position="absolute"; div.style.zIndex=9999;(注意不要用div.style.z-index=9999;和div.style.zindex=9999;)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

b__d

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

CSS和JS控制DIV层显示和隐藏的实现方法

qq_42352374的博客

11-21

1429

CSS和JS控制DIV层显示和隐藏的实现方法CSS中的display和visibility属性JS隐藏和显示div的方式有两种： CSS中的display和visibility属性 css中display和visibility可以隐藏和显示html元素包括DIV层。看起来两者非常类似，很多人会搞混。下面分别介绍两者的属性： display:none|block; display:none; 隐藏该...

html div显示多层,请教下如何用JS实现这种多层级的DIV显示与隐藏？

weixin_30039395的博客

06-18

209

我这儿提供一个思路例子，仅是一个例子，例中给元素添加了自定义属性data-level，虽然没有使用上，但是是可以根据这个自定义属性去控制显示隐藏和确定具体层级的！Document* {margin: 0;padding: 0;}.nodisplay {display: none;}h3 {cursor: pointer;}ul {padding-left: 20px;}点击下面的标题可展开：第一级...

参与评论您还未登录，请先登录后发表或查看评论

js 浮动层实现方法

潇湘博客

07-26

5828

浮动层,一个可以让布局动起来的东西.现在很少网站上用到这种效果.在国处的博客中很流行.结合网上找的资料,和大家分享一下一个简单的浮动层实现方法. 效果: js:/*fkedwgwyqq:283093141QQ群:37304662*/function makeSure(){ this.zzDiv = document.createElement("div"

Js利用DOM操作修改div的层级达到超低配版轮播图效果

zhazhashuai1999的博客

07-12

1143

突然想到一个简版轮播图方法以下是代码 <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style> .box{ /* 必须使用绝对定位 */ position: absolute; /* 以下四个值无关紧要 */

一个精简出来的JS DIV层切换

weixin_30673611的博客

03-24

102

<title>DIV层切换</title><scriptlanguage="JavaScript"type="text/javascript">functionChangeDiv(divId,divName,zDivCount){for(i=0;i<=zDivCount;i++){document.getElementById(divN...

JavaScript动态创建div等元素实例讲解

10-23

### JavaScript动态创建div等元素实例知识点详解 #### 一、引言在Web开发中，JavaScript经常被用来动态地创建或修改DOM元素，这有助于提高网页的交互性和灵活性。本篇文章将详细介绍如何使用JavaScript来动态创建...

js实现鼠标滑动到某个div禁止滚动

10-14

2. 在页面加载完成后，通过JavaScript代码动态地向body中添加了一些测试用的div元素，以演示效果。 ```javascript window.onload=function(){ for(i=0;i;i++){ var x=document.createElement('div'); x....

Javascript下IE与Firefox下的差异兼容写法总结

10-29

`layerX`是Firefox特有的，指的是鼠标相对于触发事件的元素的层级关系中离该元素最近的设置了`position`的父元素边界的位置。IE特有的`offsetX`指的是鼠标相对于触发事件的元素的位置，从内容区域的左上角开始定位。...

关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级

10-28

而在IE8中，事件处理顺序会是`div -> body -> document`，因为IE不会将冒泡事件传播到`window`级别。这段描述中还提到了事件处理函数的两种模型：捕获型事件和冒泡型事件。Firefox支持这两种模型，但默认情况下，...

IE7浮层遮挡问题探讨及解决

01-19

一旦遇到IE7浏览器的兼容性问题，需要检查父元素的z-index值，并适当调整，确保它高于页面中的其他任何需要被浮层覆盖的元素的z-index值。需要注意的是，在使用z-index时，必须确保父元素的position属性被设置为...

html div 层级,深入浅出CSS：Div（一）

weixin_33901449的博客

06-10

1936

这个系列是学习笔记，简明记录结论性的知识。新建一个层时，border为零，margin为0，padding为0，如果不指定宽度(width)，则自动100%填充父元素。三、层与父元素的关系1. 举例，直接建立一个新层div1，则它的父元素就是body，当给新层添加内外补白或边框等等时，body的宽度并未发生变化。当层不断的扩张，比如增加margin,padding或border时，它的总长或总宽=...

html中div层次,WEB前端之div css 层级

weixin_39815310的博客

06-11

888

本文主要介绍了WEB前端的div css 层级，通过具体代码像大家展示，希望能够对大家学习WEB前端有所帮助。.box1{width: 200px;height: 200px;background-color: red;position: relative;z-index: 2;opacity: 0.5;filter: alpha(opacity=50);}.box2{width: 200px;h...

JavaScript 节点及层级操作

流楚丶格念的博客

08-19

4152

节点操作 var body = document.body; var div = document.createElement('div'); body.appendChild(div); var firstEle = body.children[0]; body.insertBefore(div,firstEle); body.removeChild(firstEle); var text = document.createElement('p'); body.replaceChild(text,

DIV position z-index 设置层级

yanzhibo的专栏IlgawME)Y*Ml

01-20

2614

z-index 设置层级也就是设置元素的堆叠顺序。默认为0，即和文档流处于同一个层级。如果设置-1，则处于底层。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：z-index 仅能在定位元素上奏效（例如 position:absolute;）！

前端div层级控制

weixin_34380296的博客

02-28

2488

z-index:20000;使用此属性可以控制div的层级即哪个在上哪个在下

JavaScript学习之DIV层与图像

aisijue2425的博客

12-07

140

DIV层与图像一、设计一个可定位的层 1、设置位置（position）和大小（1）绝对定位（absolute）：以页面边框为参照，只要设置好绝对位置，那么元素的位置会始终固定在距离边框某个位置的距离。　　绝对定位有两个属性：left和top，分别是距离网页左边和网页顶部的绝对位置，可借助style属性直接设置： style="position:absolute;le...

div层级标签对于组件显示和隐藏的影响

weixin_44693690的博客

03-13

599

div标签在组件的隐藏和显示中的作用

HTML的层（div）和块(span)

软件工程探索之旅

11-20

2905

大多数 HTML元素被定义为块级元素或内联元素。“块级元素”译为 block level element，“内联元素”译为 inline element。那什么是块级元素，什么又是内联元素呢？它们分别是用来做什么的呢？

五款无JS的CSS弹出菜单教程

通过学习和应用这些示例，开发者可以灵活地构建自己的无JavaScript弹出菜单系统，同时保证在IE、Mozilla等多浏览器环境下的兼容性。掌握纯CSS实现的弹出菜单技巧对于网页设计师和开发者来说非常重要，它能帮助创建...