IE 1px的div

来源:网络 责任编辑:栏目编辑 发表时间:2013-07-01 17:31 点击:

在IE中默认div的大小是最小15px,若设置的div高度小于15px,比如设置为1px会发现没有效果,这是设置font-size:0px;line-height:1px;即可
Java代码 
<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> 

作者“roc08”

    相关新闻>>

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • Gb2312转utf-8编码的方法(vbs+js)
    • 如何使用Ajax技术开发Web应用程序(1)
    • js跳转路径问题
    • JavaScript模仿桌面窗口
    • 用js检测两个线段是否相交
    • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
    • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
    • 我是如何去了解jquery的(六),案例之幻灯片轮换
    • Jquery封装幻灯片效果
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1