`

position:absolute嵌套的问题

    博客分类：
  • CSS
 
阅读更多

一般情况下css常用到 position：relative 嵌套  position：absolute 进行布局定位，在有些时候也需要 position：absolute再嵌套一层 position：absolute 布局，这种情况下一般没什么问题。但奇怪的是在使用jquery库时，在ie7及以下的浏览器中，有时候外层的div自动隐藏了，目前没有找到具体的原因。ie8和其它浏览器都没问题，暂时没找到好的解决办法，只能尽量少用absolute嵌套absolute。做个备忘，等确定解决方法了再更新此文章

 

找到一种解决方法 外层div 增加ie7/6的hacker    *position:fixed; 这样就没有上面的问题了。（具体为什么还不知）

分享到：
| visualSvn安装时无法启动服务的解决办法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    position:relative/absolute无法冲破的等级

    1. **增加嵌套层次**：将`<span>`包裹在一个额外的`<div>`容器内，并对该容器设置`position:relative`，对`<span>`保持`position:absolute`不变。 ```html 第二块 ``` ```css li div { position: ...

    Vue实现6位数密码效果

    在ios系统，原生 webview 嵌套H5页面使用时，编写完成的6... position: absolute; left:-100%; } 解决方案： 重新设置 input样式问题 input[type=tel] { width: 0.1px; height: 0.1px; color: transparent; po

    CSS 嵌套DIV布局(position属性)

    嵌套DIV布局，会牵扯到CSS的position属性 如果内层DIV将position属性设置为absolute，并设置left，和top等属性，还需要考虑外层DIV的position属性设置。 absolute:absolute绝对定位，直接指定top、left、right、...

    html+css实现温度计展示

    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .current-temp { text-align: center; font-size: 18px; color: black; position: absolute; bottom: 10px; width: 100%...

    网页设计 DIV 层的应用

    `position`属性可以设置为`absolute`（绝对定位）、`relative`（相对定位）或`fixed`（固定定位），以决定元素如何相对于其父元素或浏览器窗口定位。`left`和`top`属性控制元素相对于最近非静态定位祖先元素的位置，...

    在vue中实现嵌套页面(iframe)

    iframe src=”../../static/plusPro.html” width=”1200″ height=”300″ frameborder=”0″ scrolling=”auto”style=”position:absolute;top: -300px;left: 0px;”></iframe> 补充知识：关于VUE嵌套...

    网页制作中层相对定位的实现方法

    <div id="Layer1" style="position: absolute; left: 50px; top: 30px; width: 400px; height: 155px; z-index: 1"> <!-- 相对定位层的代码 --> <div id="Layer1" style="position: relative; left: 50px; top: 30...

    纯CSS3实现的带小图标和tooltip提示框的垂直下拉菜单效果源码.zip

    3. **定位（Positioning）**：使用绝对定位（`position: absolute`）让子菜单相对于其父元素定位。同时，可能需要调整`z-index`以确保子菜单出现在正确的位置。 4. **显示与隐藏（Display Property）**：通过改变`...

    absolute-position-example:一个使用 JavaScript 展示绝对定位在 CSS 中如何工作的简单示例

    1.5 秒后，该元素的 position 属性重新设置为static并且外部div的位置设置为absolute ，再次设置循环运动。 这对所有四个元素重复，并显示任何元素如何标记position: absolute查找非static父元素，如果未找到则绑定...

    iframe中页面显示不全1

    `position: absolute`使`<iframe>`相对于其最近的非静态定位祖先（这里就是`<div>`）定位，`top`和`left`属性设置为0，使得`<iframe>`与`<div>`的左上角对齐。`width: 100%`和`height: 100%`确保`<iframe>`填充`...

    CSS中三角图标制作方法

    - 内部盒子则通过`position: absolute;`定位，并且通过调整`left`和`top`的值来改变菱形的位置，从而形成所需的三角形。 #### 方法二：使用边框属性实现 第二种方法更加简单直观，通过设置元素的边框属性来直接...

    绝对定位+相对定位的妙用——一秒搞清子父级关系

    子`div`使用绝对定位，可以精确地放置在父`div`的某个角落，例如右下角，只需要设置`position: absolute; bottom: 0; right: 0;`。这样，无论父`div`大小如何变化，子`div`都将保持在父`div`的右下角。 5. **注意...

    inceptionjs创建循环嵌套的网站中网站

    position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateZ(0); /* 用于保证z-index的正确排序 */ } ``` 每个嵌套的`.child`元素都需要独立的CSS调整，以便在不同的层级上正确...

    css 边框上如何写入文字？

    position: absolute; top: -10px; left: 10px;"> 文字 这是边框内的内容。 ``` **关键点解析**： - `position: absolute;`和`left`、`top`属性一起使用，可以将内部的`div`精确地定位到边框外部或内部。 - `...

    嵌套在右边的弹出信息ajax技术

    为了使弹出信息在右侧显示，开发者可能使用了CSS定位技术，如`position: absolute`或`position: fixed`，并设置了适当的`right`属性值。同时，为了实现嵌套效果，可能涉及到了HTML的层级结构，通过调整`z-index`来...

    纯DIV+CSS制作的竖向三级弹出菜单代码

    position: absolute; top: 0; left: 105px; } /* IE6及以下版本兼容 */ <!--[if lte IE 6]> .menu li:hover ul { visibility: visible; } <![endif]--> ``` 以上代码片段展示了如何通过CSS实现菜单的层级...

    js取滚动条的尺寸的函数代码

    需要注意的是为了避免页面抖动，可以设置外层元素position:absolute和visibility:hidden 参考： 代码如下: function getScrollWith(){ var wrap = setAttributes(document.createElement(‘div’),{ style : { width...

    HTML5培训技术分享 定位属性、列表的高级应用及带有图片列表的网页制作（中）

    position: absolute; top: 30px; left: 190px; z-index: 9999; display: none; } ``` #### 二、列表标签的高级应用 在HTML中，列表标签包括无序列表(`<ul>`),有序列表(`<ol>`)和定义列表(`<dl>`)，它们可以...

Magicbox
Global site tag (gtag.js) - Google Analytics