网页在IE6下错位在IE7下正常的问题

2016-02-19 23:32 13 1 收藏

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程，今天给大家分享网页在IE6下错位在IE7下正常的问题教程,希望对大家能有一点小小的帮助。

【 tulaoshi.com - Web开发】

相关文章：网页在IE6下正常在IE7下错位的问题

问：

IE6网页显示错位，IE7显示正常

我用dreamweaver制作的静态页面，DIV+CSS格式的，在IE7.0浏览器和火狐浏览器中显示都很正常，但是在IE6.0中显示就不正常，这是怎么回事呀，请高手帮忙？！

答：

区别不同浏览器，CSS hack写法：

区别IE6与FF：
backgroundrange;*background:blue;

区别IE6与IE7：
background:green !important;background:blue;

区别IE7与FF：
backgroundrange; *background:green;

区别FF，IE7，IE6：
backgroundrange;*background:green !important;*background:blue;

注：IE都能识别*;标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;

另外再补充一个，下划线"_",
IE6支持下划线，IE7和firefox均不支持下划线。

于是大家还可以这样来区分IE6，IE7，firefox
: background:orange;*background:green;_background:blue;

来源:https://www.tulaoshi.com/n/20160219/1630109.html

看过《网页在IE6下错位在IE7下正常的问题》的人还看了以下文章更多>>

IE6下注释引起的文字溢出和浮动错位

标签： Web开发

在网站改版过程中, Div和css代码都么没有问题,在IE7,IE8,Firefox下都能正常的运行,但是在IE6下,出现文字溢出的Bug, 通过对比正常的网页与出错网站的代码,发现是因为注释代码的问题.通过查询,得知,html的注释代码的确能引起布局混乱,简单的方法就是,删除所有的注释代码,布局就显示正常. 如下是有关这个问题的跟具体的文章,供大家参考. ...

CSS Hack:区分IE6/IE7/IE8/Firefox

标签： Web开发

今天被在修改CSS的时候，突然碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下： selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _prope...

区分IE6,IE7和firefox的CSS hack

标签： Web开发

区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 ...

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...

一个 utf-8 网页在 IE6下的BUG

标签： Web开发

一个 utf-8 网页在 IE6 下的BUG自己测试的，不一定100%准确，仅供参考。触发条件： 1. title标签里的内容为中文其他双字节字符 2. 指定网页编码的 meta 信息在 title 标签的下方，即 title中文或其他双字节字符title/titlemeta http-equiv="Content-Type" content="text/html; charset=utf-8" / 3. 另存或转换utf-8编码...

查看更多精彩>>