博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
提高网页在IE和Firefox上的…
阅读量:4042 次
发布时间:2019-05-24

本文共 1353 字,大约阅读时间需要 4 分钟。

原文地址:
作者:
目前,IE和Firefox是网页用户常用的浏览器。由于不同浏览器对CSS的支持和解析结果不同,同样的CSS代码有时会在不同的浏览器上显现出不同的网页效果。在IE上测试完成的网页,用Firefox打开却可能满篇混乱,表格错位了,文字间距不同了,代码功能也失效了,等等。
虽然网页开发人员以及所有程序开发人员都希望自己的代码具有强壮的可兼容性,同样的代码可以在任何位置正确运行,但是对于CSS,做的并不完美。这不是CSS的问题,兼容所有浏览器的解析器目前的确是件很难办到的事情。网页制作者是无法强迫用户只使用某一种浏览器的,只能通过对网页代码的控制,对标准CSS进行补救,尽量使同一个网页在不同的浏览器上都能呈现基本相同的外观和功能。在各种浏览器没有形成标准化开发前,恐怕还没有更完美的办法达成一致。
解决网页在不同浏览器上兼容性的方法通常是针对不同浏览器书写不同的CSS代码,并且精心组织HTML结构,使CSS代码能在不同浏览器中分别呈现基本类似的外观和功能。即便如此,目前也还是无法做到完美的一致外观。针对不同浏览器书写不同CSS代码的过程,就叫做CSS Hack。
下面举例说明怎样书写CSS Hack。
1. 这个例子控制网页背景在IE和Firefox中显示不同颜色。虽然实际网页很少这样制作,但这是体验CSS Hack控制能力的一个简单明了的好例子。
使某个网页背景,在IE6中显示蓝色,在IE7中显示绿色,在FireFox中显示黄色
注:
IE6可识别*,但无法识别!important
IE7可识别*,也可识别!important
Firefox无法识别*,但可识别!important
注:
IE6可识别*和下划线"_"
IE7可识别*,无法识别下划线"_"
Firefox无法识别*或下划线"_"
2. 这个例子控制网页页面宽度。使网页在IE中宽度为400px,在Firefox中宽度为700px
注:
IE可识别"+"
Firefox无法识别"+"
3. 这个例子控制网页页面高度。使网页在IE6中高度为50px,在IE7或IE6中高度为100px,在Firefox中高度为300px
注:
IE6可识别下划线"_"
IE6和IE7可识别*,IE7无法识别下划线"_"
Firefox无法识别"*或下划线"_"
还有更多CSS Hack例子,不一一列举。
虽然以上介绍了如何使用CSS Hack,但是CSS Hack并不是网页开发不可缺少的部分。恰恰相反,合理的设计网页构架,可以减少CSS Hack的使用,甚至避免CSS Hack的使用。CSS Hack可以被看作一种过渡时期的产物,网页设计开发不会也不应该停留在用CSS Hack解决浏览器兼容的层面上。技术的发展不会停止,目前学会这个补救措施只是权宜之计。
 
 
 
 
 
 
最后说一句,对于IE6出现的小问题,例如高度,可以试试position定位,定为相对relative。新的IE8,暂时不清楚有什么Hack,只知道,如果别人是用的IE8浏览器的话,可以在页面加一句 < meta http-equiv ="X-UA-Compatible" content ="IE=EmulateIE7" />,这样IE8就会兼容IE7了。

转载地址:http://mpqdi.baihongyu.com/

你可能感兴趣的文章
1.3 Debugging of Shaders (调试着色器)
查看>>
关于phpcms中模块_tag.class.php中的pc_tag()方法的含义
查看>>
vsftp 配置具有匿名登录也有系统用户登录,系统用户有管理权限,匿名只有下载权限。
查看>>
linux安装usb wifi接收器
查看>>
多线程使用随机函数需要注意的一点
查看>>
getpeername,getsockname
查看>>
让我做你的下一行Code
查看>>
浅析:setsockopt()改善程序的健壮性
查看>>
关于对象赋值及返回临时对象过程中的构造与析构
查看>>
VS 2005 CRT函数的安全性增强版本
查看>>
SQL 多表联合查询
查看>>
Visual Studio 2010:C++0x新特性
查看>>
drwtsn32.exe和adplus.vbs进行dump文件抓取
查看>>
cppcheck c++静态代码检查
查看>>
在C++中使用Lua
查看>>
一些socket的编程经验
查看>>
socket编程中select的使用
查看>>
GitHub 万星推荐:黑客成长技术清单
查看>>
可以在线C++编译的工具站点
查看>>
关于无人驾驶的过去、现在以及未来,看这篇文章就够了!
查看>>