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

IE 1px的div

divhtml1pxie 
阅读更多
在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>


分享到：
| eclipse 在boolean型自动生成get set方法 ...
评论
发表评论

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

相关推荐

    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分配一定...

    兼容ＩＥ与火狐的拖动div效果

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

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