最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
绝对定位 IE6bug 解决方案
时间:2011-09-12 编辑:简简单单 来源:一聚教程网
他在文章里提到使用绝对定位时IE6有一个bug存在原文如下:
代码如下 | 复制代码 |
要是细心的朋友在测试本模型时会发现,在IE6浏览器中,会与一个BUG不期而遇,那就是[IE6宽高值奇数1px BUG],估且这么称呼吧,因为对于这个BUG,网络上并没有一个统一的称呼。
这个bug的激发条件是:
一个相对定位的父容器,其子容器采用绝对定位的方式向左或向右靠齐,当父容器的宽度值为奇数时,父容器与子容器之间会存在1px的间隙,不能完全紧贴在一起
|
#box{ position:absolute;} #tc{ width:100%; } #tr{right:0;position:absolute; }
right:1px
/*把right的值改为-1,同时宽度增加1px否则右边的div宽度在呈现的时候会少1px */
#tr{right:-1px;}
/*需要不要背景图平铺,并且设置纯色背景*/
#tr{background:url("images/test_tr.png") no-repeat #ffffff;}
-
下一个: css border对raid按钮的影响
相关文章
- IE下绝对定位(position:absolute)失效 02-21
- 解决IE7 绝对定位z-index办法 03-15
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26