在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圆角"这个主题就是针对这个问题,探讨如何使IE浏览器也能支持圆角效果。 在CSS3中,`border-radius`属性是实现圆角的关键,它可以为元素的四个角落设置不同的圆角半径。例如: ```css .box { border-...
例如,为body下的一个div指定特定的类,然后使用条件注释或`expression`来在IE下实现最小宽度,如`width:e-xpression (document.body.clientWidth <600? "600px": "auto" )`。 最后,当左右两个浮动元素相邻时,IE...
2. **居中对齐**:Firefox可以通过设置`margin-left`和`margin-right`为`auto`使`div`水平居中,但IE可能需要将`text-align`设置为`center`,或者对`div`设置`margin: auto`。 3. **填充(Padding)与尺寸**:Fire...
在探讨“ie6,ie7div高度兼容代码”的过程中,我们深入分析了如何在Internet Explorer 6(简称IE6)和Internet Explorer 7(简称IE7)这两种浏览器中实现div元素高度的一致性和兼容性。这是一项对于前端开发者来说至...
- **调整`margin`值**:为了修复IE6中div错位的问题,可以尝试调整div的`margin`值,例如:`style="margin-left:-5px;"`,这样可以稍微向左移动元素以修正错位现象。 - **使用条件注释**:条件注释是一种只被IE识别...
在网页设计中,"div圆角兼容ie8"是一个关键的话题,涉及到CSS3中的圆角属性在老版本Internet Explorer(尤其是IE8)上的兼容性问题。IE8是微软推出的一个较为古老的浏览器版本,它并不完全支持CSS3的新特性,比如...
### IE6等div 100%高度填满解决办法 在Web开发中,实现页面元素的高度自适应一直是前端开发者关注的重点之一。特别是在早期浏览器版本(如IE6)的支持上,由于这些浏览器对CSS标准的支持有限,使得实现某些布局效果...
1. **调整margin值**:可以通过在受影响的DIV中增加负的`margin-left`值来抵消这部分额外的空间,例如`margin-left: -5px;`或更小的值,从而达到修正目的。 #### 三、解决IE7/IE8样式不兼容问题 除了DIV错位之外,...
### 如何兼容IE7和IE8—Div+CSS教程 #### 概述 本文将详细介绍如何在使用Div+CSS布局时实现对Internet Explorer 7(IE7)与Internet Explorer 8(IE8)的兼容性支持。随着Web标准的发展与浏览器技术的进步,IE7和...
1. 首先,选择要应用`overflow:hidden`的div,例如在本例中是id为`left`的div。 2. 在CSS中为该div定义`overflow:hidden`属性,同时需要指定宽度(width)和高度(height),可以使用绝对单位(如像素px)或相对单位...
1. **垂直居中问题**:对于div的垂直居中,可以使用`vertical-align: middle;`结合调整行高`line-height`来实现。但这种方法需要控制内容不换行。 2. **浮动元素的margin加倍问题**:在IE6中,设置为浮动的div的...
针对标题提及的"如何让div+css兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器",这里将详细讨论一些关键的CSS兼容性问题及解决方案。 1. **DOCTYPE的影响**: DOCTYPE声明会影响浏览器进入何种文档模式。在HTML4或...
在IE6浏览器中,由于其自身的布局特性,当一个`div`元素试图覆盖一个`select`下拉框时,会遇到一些棘手的问题。这个问题主要体现在`select`元素总是会出现在`div`之上,无论`div`的`z-index`设置得多高。这在网页...
Firefox通过设置`div`的`margin-left`和`margin-right`为`auto`实现水平居中,而Internet Explorer(IE)需要结合`body`的`text-align`和`div`的`margin: auto`来实现相同效果。 3. **盒模型差异**: Firefox和...
为了解决在IE6中无法设置div高度为1像素的问题,可以采用以下方法: 1. 将DIV的字体大小设置为0像素。这样做可以最小化字体行高的影响,从而允许DIV元素的高度为1像素。代码示例如下: ```html <div style=...
在IE6中,当尝试设置一个较小的高度(如3px)时,div的实际高度可能不会按照预期显示。这是因为IE6默认会考虑div内部的字体大小(font-size),即使内容为空。这种情况下,浏览器会根据默认的字体大小为div分配一定...
1. **IE的拖放实现**: IE使用`ondragstart`, `ondrag`, `ondragend`事件来处理拖放操作。`ondragstart`在拖动开始时触发,`ondrag`在拖动过程中触发,`ondragend`在拖动结束时触发。同时,我们需要设置`draggable=...