解决高为1px的DIV在IE6里的显示

最新推荐文章于 2021-01-13 19:41:06 发布
最新推荐文章于 2021-01-13 19:41:06 发布
阅读量689 收藏
点赞数
分类专栏： 网页JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxljmy77/article/details/13774095
版权

解决高为1px的DIV在IE6里的显示

如果为一个 div 设置样式height:1px，在 FireFox 和 NetScape 能够如愿显示，可是在 IE 中则不止 1

像素高。原因是 IE 有个最小高度，就是文字的高度，如果对样式表添加一个 font-size:1px 就能解决

问题了。


<div style="height:3px;background-color:#eeeeff;font-size:1px">&nbsp;</div>

夜路人
关注
专栏目录
几个ie6样式兼容性：1px高的块容器、PNG透明图像、负边距时后遮盖前、边框不显示等问题
吴圩在CSDN的博客
08-17 1623
一、IE6下的1px高的块容器。 在工作中，美工经常会设计出1px高的线条来装饰页面。 如果是单色的线，可用border来实现，如果有渐变或者1PX的图案，那只好用盒容器加背景图了。 对于IE7及以上的浏览器和现代浏览器来说，实现起来很容易。 div .line{ display:block; margin:30px; width:1000px; hei
css布局=＞div垂直居中，左右10px，高度始终为宽度一半
qq_42288851的博客
08-13 2520
问题描述: 实现一个div垂直居中, 其距离屏幕左右两边各10px, 其高度始终是宽度的50%。同时div中有一个文字A，文字需要水平垂直居中 方法一:利用height:0; padding-bottom: 50%; <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-.
IE1px, bug 解决思路
malan_wpf的专栏
04-21 693
针对下面这个简单的例子，了解一下以后解决IE 1px bug的方法。就是用相对定位。原来的效果：    float:left;    display:inline;    margin:0px 2px;    border:0px;    width:50px;    height:16px;    line-height:16px;    background-color:#000000
css ie下定义高度1px的div
ansiblexxxxxxxxxxx
07-11 157
.left{ width:200px; float:left; height:1px; line-height:1px; font-size:1px; background:#CCC}  
IE6下定义height高度异常,如何在IE6里定义高度小于18px的盒子
08-03 1111
今天做前端的时候，发现设置一条线的高度为height:2px,在IE6下却比正常显示的要高，FireFox下没问题。百度了下，现在把解决问题的文章转载如下： 你遇到过定义一个较小高度（比如height:5px）的盒子在IE6里却显示不止这个高度的情况吗？ 看下面的代码: HTML代码： CSS代码： *{ margin:0; padding:0; } #box
1px的兼容问题
love you and me
02-01 568
最近面试有被问到：画一个高度为1px的div，兼容IE所有版本浏览器。   以前从来没有注意到这个问题，以前做IE7,8兼容的时候因为IE正常了，IE8完全显示乱套，所以直接来了个简便的通用的方法：&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;，现在才意识到这种方法治标不治本，要做好每个版本的兼容需用心...
ie6.0下div 实现1px高度
和上帝躲猫猫
11-04 924
解决方法有如下几种： 1.加一个font-size=0px；的属性可以实现． style type="text/css"> .a{ font-size:0px; height:1px; background-color:red;} style>div class="a">div>  但经过我的测试，细是细了，但不是1px，有点像是2px.不知道是我的浏览器问题，还是别的原因．你们可以用这个方法
CSS初级单选题
热门推荐
BaiBai
11-23 1万+
1. 下列使用复合选择器声明CSS的方式中，正确的是（ D ） A、p；h1{color:red;} B、.one{color:red;} C、#two{color:red;} D、p,h1,a{color:red;} 2. 以下的CSS中，可使所有<p>元素变为粗体的正确语法是? （ C ） A、<p style="font-size:bold"> B、...
javascript实现的三维正方体(兼容ie7,ff)
12-11
利用矩阵计算出转动后的正方体顶点坐标, 把各个顶点的空间坐标按”近大远小”转换成平面坐标(函数p2d()), 用正方体各个面的法向量的z坐标判断该面是否可见, 用高为1px的div层模拟画出四边形(函数gra2htm())....
DIV+CSS学习笔记总结篇
qianduan666a的博客
07-29 938
DIV+CSS学习笔记总结篇 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位： web前端开发工程师 web网站架构师 自己创业 转岗管理或其他 web前端开发的前景展望： 未来IT行业企业需求最多的人才 结合最新的html5抢占移动端的市场 自己创业做老板 随着互联网的普及web开发成为企业的宠儿和核心 web职业发展目标： 第一、梳理知识架构 负责内容的HTML 负责外观的css（层叠样式表） 负责行为
html img和背景图处理图片不拉伸_img固定宽度和高度，不规则图片变形问题的解决方法...
weixin_31301881的博客
01-13 3220
日常项目中，后端传图不规则，比例大小不一。前端又要去做适应，是一个让人非常头大的问题。总结了一个不规则图片不变形的解决方案：注：先写一个长 300px 宽 200px 带边框的 div ，图片接近方形，实现图片正常显示不变形。...1、背景图法通过背景图的 background-position 属性，可以使图片居中显示。国外一些网站有看到类似的案例，简单好操作。.box1{background:...
IE6下面，为什么不能设置height:1px的元素
西洲
08-21 1130
在用DIV构建网页的时候，有时候需要的高度很小，这时候就可能会出现问题，因为，IE6下DIV有个默认的高度，大约10-12px。当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。 第一： 定义该DIV字体大小。 例如: 第二： 直接限制自动调整，这样也OK.
移动端rem适配方案（解决1px 兼容问题）
sj1527382290的博客
06-18 2952
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...
让1px在不同的浏览器和设备中显示真正的1像素的效果的方法
qq_35960760的博客
02-17 2409
1传统的实现方法 伪元素 + css3的缩放巧妙地实现； 基本步骤就是： 设置目标元素定位参照 给目标元素添加一个伪元素before或者after，并设置绝对定位 给伪元素添上1px的边框 设置伪元素的宽高为目标元素的2倍 缩小0.5倍（变回目标元素的大小） 使用border-box
marquee滚动结束事件及重新播放
wxljmy的专栏
11-04 8630
onfinish="replay();">    asdfasdf   function replay()   {     var obj=document.getElementById("a1");     //alert(obj);     if(document.all)         obj.innerHTML=obj.innerHTML;  //ie可以，fi
dwz框架的table优化，增加选定行处理。
wxljmy的专栏
10-20 5315
由于不知道作者是如何设计的，不值得dwz框架如何得到选定行的某列的值，看示例还得设这什么row,rel属性，不如改进一下，方便自己使用。 需要解决3个问题： 1、前台页面table自定义事件处理函数问题 2、前台页面自定义函数接收dwz框架传递过来的参数（实际上是tr的click事件，但是是在dwz框架里） 3、如果一个页面有两个table，他们之间相互影响吗？ （这个问题实际上现在就可以
js框架 dwz jui 的日历组件 添加自定义事件
wxljmy的专栏
10-09 4736
1.dwz.datepicker.js中     $.fn.datepicker = function(opts){         //alert('kk');         var onseldate=null;         onseldate=opts.onseldate;                             if (!dp.hasTime
css实现对话框-带箭头提示框
wxljmy的专栏
09-25 3127
纯CSS制作的对话框特效代码 .org_box{width:500px; height:80px; line-height:40px; margin:40px auto; padding-left:2em; background:#F3961C;font-size:12px; position:relative; } .org_box_cor{ width:0; height:0; f
一个高为117px的长方形的div盒子 分为高为20px三份小的div
最新发布
06-07
好的，可以使用以下 HTML 和 CSS 代码实现这个布局： HTML代码： ```html <div class="container"> <div class="child"></div> <div class="child"></div> <div class="child"></div> </div> ``` CSS代码： ```css .container { height: 117px; border: 1px solid #000; /* 方便观察 */ display: flex; flex-direction: column; justify-content: space-between; } .child { height: 20px; background-color: gray; } ``` 其中，`container` 是包含三个小 `div` 的父元素，`child` 表示三个小 `div`。通过设置 `display: flex` 和 `flex-direction: column` 可以让三个小的 `div` 沿垂直方向排列。通过设置 `justify-content: space-between` 可以让三个小的 `div` 之间的距离平均分配，实现了上中下三个小 `div` 的分布。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值