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

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

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

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

问:

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;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

延伸阅读
标签: Web开发
在网站改版过程中, Div和css代码 都么没有问题,在IE7,IE8,Firefox下都能正常的运行,但是在IE6下,出现文字溢出的Bug, 通过对比正常的网页与出错网站的代码,发现是因为 注释代码 的问题.通过查询,得知,html的注释代码的确能引起布局混乱,简单的方法就是,删除所有的注释代码,布局就显示正常. 如下是有关这个问题的跟具体的文章,供大家参考. ...
标签: 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...
标签: 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能识别*,但不能识别 ...
标签: Web开发
今天被在修改CSS的时候,突然碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下: selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _prope...
标签: 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编码...

经验教程

572

收藏

51
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部