IE6奇数宽度或高度的BUG

2016-02-17 04:57 1 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程，今天给大家分享IE6奇数宽度或高度的BUG教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - 平面设计】

IE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div(right:0)，

如图：

IE6奇数宽度或高度的BUG,PS教程,图老师教程网

可是在IE6下查看，却变成了right:1px的效果了：

IE6奇数宽度或高度的BUG,PS教程,图老师教程网

IE6还有奇数宽度的bug，解决方案就是将外部相对定位的div宽度改成偶数。

查看源码：

CSS代码

#out {
width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/
height: 300px;
position: relative;
background:#FF0000;
color:#FFF;
}
#inn {
width: 200px;
height: 250px;
position: absolute;
top: 0px;
right: 0px;
background:#000000;
}

XML/HTML代码

div id=out
div id=inn此处为内部绝对定位的 DIV/div
/div

来源:http://www.tulaoshi.com/n/20160217/1578702.html

看过《IE6奇数宽度或高度的BUG》的人还看了以下文章更多>>

IE6实现min-width

标签： Web开发

首先我们知道这个效果应该是一个老话题了。今天整理文件的时候，发现自己以前的一些布局的解决方法躺在文件夹里很长时间了，翻翻老底吧需要说明的是有幸也见到过CSSPLAY的老工程师站长对这个效果的实现，而且肯定是很早就给出来了。闲话少说，上源码：触发并利用IE6-layout的怪异特性，css实现： style type="text/css" .ie6-ou...

CSS兼容IE6,IE7,FF的技巧

标签： Web开发

一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支...

针对firefox ie6 ie7的css样式

标签： Web开发

本人专业是做UI的，写CSS已经有好几年了，目前刚刚在博客发布关于CSS的文章，欢迎有问题的朋友在有问必答论坛提问，我一定尽力解答。 1 针对firefox ie6 ie7的css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使...

CSS教程:兼容ie6,ie7,ff的fixed

标签： Web开发

效果地址： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /titlefixed ie6/titlest...

JS区别IE6、IE7、IE8之间的方法

标签： Web开发

js用来区别IE与其他浏览器及IE6-8之间的方法。 1、document.all 2、!!window.ActiveXObject; 使用方法如下： if (document.all){ alert(IE浏览器); }else{ alert(非IE浏览器); } if (!!window.ActiveXObject){ alert(IE浏览器); }else{ alert(非IE浏览器); } 下面是区别IE6、IE7、IE8之间的方法： var isIE=!!window.ActiveXObject; v...

查看更多精彩>>