`
roc08
  • 浏览: 227210 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE 1px的div

阅读更多
在IE中默认div的大小是最小15px,若设置的div高度小于15px,比如设置为1px会发现没有效果,这是设置font-size:0px;line-height:1px;即可
<html>
<body>
<div id="i1" style="border:1px solid black;height:1000px;width:800px;position:relative;"></div>
<script>
var str="";
for(var i=1,j=2;i<10;i++,j*=2){
str +='<div style="border-top:1px solid balck;font-size:0px;line-height:1px;position:absolute;top:'+(1000-j)+'px;left:'+(100*(i-1)+1)+'px;width:100px;height:'+(j-1)+'px;" bgColor:"#cccccc"></div>'
  //alert(j-1);
}
var d = document.getElementById("i1");
//d.appendChild(div);
d.innerHTML = str;

</script>
</body>
</html>


分享到:
评论

相关推荐

    DIV+CSS IE圆角

    "DIV+CSS IE圆角"这个主题就是针对这个问题,探讨如何使IE浏览器也能支持圆角效果。 在CSS3中,`border-radius`属性是实现圆角的关键,它可以为元素的四个角落设置不同的圆角半径。例如: ```css .box { border-...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    例如,为body下的一个div指定特定的类,然后使用条件注释或`expression`来在IE下实现最小宽度,如`width:e-xpression (document.body.clientWidth &lt;600? "600px": "auto" )`。 最后,当左右两个浮动元素相邻时,IE...

    firefox与ie css+div兼容大全

    2. **居中对齐**:Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`水平居中,但IE可能需要将`text-align`设置为`center`,或者对`div`设置`margin: auto`。 3. **填充(Padding)与尺寸**:Fire...

    ie6,ie7div高度兼容代码

    在探讨“ie6,ie7div高度兼容代码”的过程中,我们深入分析了如何在Internet Explorer 6(简称IE6)和Internet Explorer 7(简称IE7)这两种浏览器中实现div元素高度的一致性和兼容性。这是一项对于前端开发者来说至...

    div错位解决IE6IE7IE8样式不兼容问题

    - **调整`margin`值**:为了修复IE6中div错位的问题,可以尝试调整div的`margin`值,例如:`style="margin-left:-5px;"`,这样可以稍微向左移动元素以修正错位现象。 - **使用条件注释**:条件注释是一种只被IE识别...

    div圆角兼容ie8

    在网页设计中,"div圆角兼容ie8"是一个关键的话题,涉及到CSS3中的圆角属性在老版本Internet Explorer(尤其是IE8)上的兼容性问题。IE8是微软推出的一个较为古老的浏览器版本,它并不完全支持CSS3的新特性,比如...

    IE6等div 100%高度填满解决办法

    ### IE6等div 100%高度填满解决办法 在Web开发中,实现页面元素的高度自适应一直是前端开发者关注的重点之一。特别是在早期浏览器版本(如IE6)的支持上,由于这些浏览器对CSS标准的支持有限,使得实现某些布局效果...

    div错位解决IE6、IE7、IE8样式不兼容问题IE6里DIV错位的问题.doc

    1. **调整margin值**:可以通过在受影响的DIV中增加负的`margin-left`值来抵消这部分额外的空间,例如`margin-left: -5px;`或更小的值,从而达到修正目的。 #### 三、解决IE7/IE8样式不兼容问题 除了DIV错位之外,...

    如何兼容IE7和IE8-Div+CSS教程.txt

    ### 如何兼容IE7和IE8—Div+CSS教程 #### 概述 本文将详细介绍如何在使用Div+CSS布局时实现对Internet Explorer 7(IE7)与Internet Explorer 8(IE8)的兼容性支持。随着Web标准的发展与浏览器技术的进步,IE7和...

    IE6 两个div有间隙的问题(IE 3px bug)

    1. 首先,选择要应用`overflow:hidden`的div,例如在本例中是id为`left`的div。 2. 在CSS中为该div定义`overflow:hidden`属性,同时需要指定宽度(width)和高度(height),可以使用绝对单位(如像素px)或相对单位...

    DIV CSS 网页兼容全搞定 IE6 IE7 IE8 IE9 火狐 谷歌

    1. **垂直居中问题**:对于div的垂直居中,可以使用`vertical-align: middle;`结合调整行高`line-height`来实现。但这种方法需要控制内容不换行。 2. **浮动元素的margin加倍问题**:在IE6中,设置为浮动的div的...

    如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器.pdf

    针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...

    ie6下DIV覆盖select框js解决代码

    在IE6浏览器中,由于其自身的布局特性,当一个`div`元素试图覆盖一个`select`下拉框时,会遇到一些棘手的问题。这个问题主要体现在`select`元素总是会出现在`div`之上,无论`div`的`z-index`设置得多高。这在网页...

    div+css兼容ie6ie7ie8ie9和FireFoxChrome等浏览器方法[借鉴].pdf

    Firefox通过设置`div`的`margin-left`和`margin-right`为`auto`实现水平居中,而Internet Explorer(IE)需要结合`body`的`text-align`和`div`的`margin: auto`来实现相同效果。 3. **盒模型差异**: Firefox和...

    IE6下不能设置height:1px的元素是什么原因如何解决

    为了解决在IE6中无法设置div高度为1像素的问题,可以采用以下方法: 1. 将DIV的字体大小设置为0像素。这样做可以最小化字体行高的影响,从而允许DIV元素的高度为1像素。代码示例如下: ```html &lt;div style=...

    IE6 div最小高度去除方法以及IE6div垂直居中css样式

    在IE6中,当尝试设置一个较小的高度(如3px)时,div的实际高度可能不会按照预期显示。这是因为IE6默认会考虑div内部的字体大小(font-size),即使内容为空。这种情况下,浏览器会根据默认的字体大小为div分配一定...

    兼容IE与火狐的拖动div效果

    1. **IE的拖放实现**: IE使用`ondragstart`, `ondrag`, `ondragend`事件来处理拖放操作。`ondragstart`在拖动开始时触发,`ondrag`在拖动过程中触发,`ondragend`在拖动结束时触发。同时,我们需要设置`draggable=...

Global site tag (gtag.js) - Google Analytics