交互设计中心-72色

这个问题，怎么说呢，先把症状重复一遍吧：IE显示了图片，但是动画却不能播放。而在FirFox中却能正常的工作。
一直以来，我都以为是浏览器的关系。没有设定好而导致这种情况发生，比如一些在IE核心上开发的浏览器（maxthon）等，都可以把GIF动画关闭的。所以我也就没有仔细研究过。

来看看这个：
IE和FirFox在很多地方都有着或多或少的不同，这导致在开发时需要考虑很多的特殊情况。在最近的项目中居然发现带动画的GIF图片在页面Load之 后再以脚本控制的方式展现时，动画不能表现出来。在我的项目中，需要在点击一个按钮后来显示一个动态的Loading图片以此表示程序正在进行后台处理。 这是通过一段jQuery代码来实现的：
...

微软IE产品经理透露，下一代浏览器IE9将通过GPU（图形处理器）渲染图片和文字，以提升浏览器的整体性能。不过，Mozilla和Opera等IE竞争者也在研究如何利用GPU加速浏览器。 微软IE浏览器团队总经理迪安-哈查莫维奇(Dean Hachamovitch)在接受采访时表示：“PC硬件具备巨大利用价值的原因之一就是GPU。因此，我们将在现代Windows图形引擎DirectX上开发IE。”

据悉，IE9将抛弃Windows系统的早期图像渲染引擎GDI（图形设备接口），继而使用Direct2D和DirectWrite APIs（应用程序接口）分别渲染二维图像和文字。

...

做过活动页面的同学可能会遇到要做背景半透明的效果，我们一般的做法是用两个层，一个用于放文字，另一个用于做透明背景，因为透明滤镜的效果会影响到里面的内容。不过如果你只需求在IE下实现，我们有更简单的做法：

================HTML======================
<div class="alpha1">
<div class="ap2">
...

判断分辨率，也判断浏览器

判断浏览器类型屏幕分辨率自动调用不同CSS的代码。

代码如下：

<SCRIPT LANGUAGE="JavaScript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; ScreenWidth(IE1024,IE800,IE1152,IEother) }else{ if (window.navigator.userAgent.indexOf("Firefox")>=1) { //如果浏览器为Firefox var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother) }else{ //如果浏览器为其他 var Other1024=""; var Other800=""; var Other1152=""; var Otherother=""; ScreenWidth(Other1024,Other800,Other1152,Otherother) } } function ScreenWidth(CSS1,CSS2,CSS3,CSS4){ if ((screen.width == 1024) && (screen.height == 768)){ setActiveStyleSheet(CSS1); }else{ if ((screen.width == 800) && (screen.height == 600)){ setActiveStyleSheet(CSS2); }else{ if ((screen.width == 1152) && (screen.height == 864)){ setActiveStyleSheet(CSS3); }else{ setActiveStyleSheet(CSS4); }}} } function setActiveStyleSheet(title){    document.getElementsByTagName("link")[0].href="style/"+title;  } //--> </SCRIPT>

CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。常见兼容问题：1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div...