FireFox与IE中CSS兼容技术集绵整理 001(2)

有形参，那么firefox会默认的把event（事件）传进去，但是有参数时就不行啦，所以解决的办代码如下：

下面两个函数，都是响应鼠标onclick时触发的动作，第一个在ie下使用正常，但是在firefox调用方法的区别

viewplaincopytoclipboardprint?

viewplaincopytoclipboardprint?

其 实event对象在ie以及firefox还有很多不同的特性，比如clienx，pagex等，但是由于在现题，所以如果是在基于prototype下的开发，这些问题可以考虑得少一些了，只是上面提到的这个列出来，下面提及的关于js的也都只列出prototype中未解决的

2、关于透明度的设置

为了达到给层设置半透明的效果时，在IE和firefox下也有所不同，IE下，style的filter属性以得指定style的MozOpacity，代码见下：

viewplaincopytoclipboardprint?

3、定位层时的有趣问题

在定位层时，我们的做法是给层的style.left和style.top设置位置，但是今天发现了一个很有

viewplaincopytoclipboardprint?

4、PNG透明背景的问题

PNG图片在网站设计中是不可或缺的部分，最大的特点应该在于PNG可以无损压缩，而且还可以设

但 为什么PNG图片却没有GIF和JPG图片的使用来得广泛呢，这个祸因应归属于微软的IE浏览器器的主流IE6却无法很好的支持）。不过微软在最近也开始改过自新了，新出的的IE7可以很好的要性将会更加凸显。

但在大家还在绝大多数的使用IE6的时候，我们又怎样在IE6的世界去完美使用 PNG图片呢（PNG图我们应该庆幸我们是幸福的！IE5.5+的 AlphaImageLoader滤镜为通向png提供了一个道路，如果0%-100%的透明度也被提供。但IE5.0无法支持属性，那只有完全绝望了，不过绝望的 只是几个，

现在我们将通过Hack和AlphaImageLoader滤镜来实现IE6下的PNG透明背景图片。

先熟悉下滤镜的语法：

viewplaincopytoclipboardprint?

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMeth

属性：

enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true|false true: 默认值。滤镜激活。 false: 滤镜被禁止。

sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的crop:剪切图片以适应对象尺寸。

image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale:缩放图片以适应对象的尺寸边界。

src: 必选项。字符串(String)。使用绝对或相对url地址指定背景图像。假如忽略此参数，滤镜

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMeth

属性：

enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true|false true: 默认值。滤镜激活。 false: 滤镜被禁止。

sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的crop:剪切图片以适应对象尺寸。

image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale:缩放图片以适应对象的尺寸边界。

src: 必选项。字符串(String)。使用绝对或相对url地址指定背景图像。假如忽略此参数，滤镜

Firefox、Opera等完全支持PNG透明图片的浏览器也支持子选择器（>），而IE不识别（包括IE器中PNG图片的样式。如下

viewplaincopytoclipboardprint?

//给一个id为infoBox的层设置一个透明背景，背景图片是down.png，代码如下 //进行了浏览器判断

if(navigator.appName!=\{

$('infoBox').style.background=\}