#divobj{
filter:alpha(opacity=80);
-moz-opacity = 0.8;
}

引用内容
语法：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
属性：
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
　　　　　　true : 默认值。滤镜激活。
　　　　　　false : 滤镜被禁止。

sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop : 剪切图片以适应对象尺寸。
　　　　　　　　image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
　　　　　　　　scale : 缩放图片以适应对象的尺寸边界。
　　　　　　　　src : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数，滤镜将不会作用。

说明：
在对象容器边界内，在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式，则0%-100%的透明度也被提供。
PNG(Portable Network Graphics)格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG(Portable Network Graphics)格式的图片完全透明区域后面的内容。

了解了以上的内容，可以写一段简单的CSS代码（还不是完全正确的代码）：

引用内容

#div1 {
height: 600px;
width: 260px;
padding: 20px;
background-repeat: repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=”bj1.png”

}

这段简单的CSS代码就可以在IE中正常的显示PNG透明背景，但是会发现在FF下不会出现背景，分析原因：
AlphaImageLoader滤镜只能被IE支持，FF是不支持该滤镜的
有些初次写的时候很多人会这样：
在代码中添加这样一段： background-image: url(bj1.png);
添加这样一段代码虽然能解决FF下的问题，都是IE又出现问题：新的背景会覆盖在滤镜的背景之上，导致滤镜显示无效，这时候就用到IE和FF对CSS读取的区别特性了：
Firefox、Opera等完全支持PNG透明图片的浏览器也支持子选择器（>），而IE不识别（包括IE7），所有我们可以通过这来定义Firefox、Opera等浏览器中PNG图片的样式。代码如下：

引用内容
html>body #div1 {
background-repeat: repeat;background-image: url(bj1.png);
}

同时，我们通过只有IE才识别的通配符（*），来定义IE浏览器中的滤镜。代码如下：

引用内容
* #div1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=”bj1.png”)

}

而#div1 {}就放一些IE和FF共用的设置来减少代码文件的大小。最终就是这样：

引用内容
#div1 {
height: 600px;
width: 260px;
padding: 20px;
background-repeat: repeat;

}

html>body #div1 {
background-repeat: repeat;background-image: url(bj1.png);
}
* #div1 {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src=”bj1.png”)

}

需要注意的是：AlphaImageLoader滤镜会导致该区域的链接和按钮无效，解决的办法是为链接或按钮添加：position: relative;这样条代码，使其相对浮动。AlphaImageLoader无法设置背景的重复，所以对图片的切图精度会有很高的精确度要求。

其实使用PNG透明特性做网页主要解决的问题是IE6对PNG图片的读取，需要应用滤镜：
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
写法的例子：
* #container #header
{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src=”http://www.fruit0769.com/bj.png”);

}
同时为了让FF单独读取背景（FF不支持滤镜，当是支持PNG透明特性），单独写段CSS：
html>body #container #header{
background-image: url(h_bj.png);
}
星玄宇告诉我还有更好的优化写法，可以减少IE7下的读取速度：用*html #来单独为IE6写滤镜的代码，html>body 可以同时被IE7和FF读取，这样就让IE7避免滤镜的使用以加快读取速度。我还没有测试。
在做PNG的皮肤中，PNG文件的切图要求很高，最好做到精确的切图和层的设置。链接失效的问题不仅仅可以在链接CSS里设置相对定位，也可以对该内容所在的层进行相对定位设置。

　　主要的功能实现是靠在头部的这段判断代码，很容易理解。有兴趣可以自己试试。

CSS版代码如下：


程序代码

ASP版代码如下：


程序代码

以前的解决方法主要是利用js来实现，但用过的人都知道该办法有点繁琐。还有一种是在外部容器定义over-flow:hidden。但这种办法只会切割图片而不会自动适用。
下面的办法的出现应该感谢伟大的css2.0和更伟大的microsoft（没有它就不必有这么啰嗦的代码了^_^）。本人仅在ie6.0,ff1.5,opera7.0于winXP下测试通过，希望通过此篇文章抛砖引玉，望更多高手指点。关键在于：max-width:780px;以及下面那行。

固定像素适应:

百分比适应:

提醒:

1 该方法不只是用于img;
2 max-width,max-height,min-width,min-height.

CSS中expression使用简介
作者：dozb

定义

IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。

给元素固有属性赋值

例如，你可以依照浏览器的大小来安置一个元素的位置。

#myDiv {
position: absolute;
width: 100px;
height: 100px;
left: expression(document.body.offsetWidth – 110 + “px”);
top: expression(document.body.offsetHeight – 110 + “px”);
background: red;
}

给元素自定义属性赋值

例如，消除页面上的链接虚线框。

通常的做法是：

<a href=”link1.htm” onfocus=”this.blur()”>link1</a>
<a href=”link2.htm” onfocus=”this.blur()”>link2</a>
<a href=”link3.htm” onfocus=”this.blur()”>link3</a>

粗看或许还体现不出采用expression的优势，但如果你的页面上有几十甚至上百个链接，这时的你难道还会机械式地Ctrl+C，Ctrl+V么，何况两者一比较，哪个产生的冗余代码更多呢？

采用expression的做法如下：

<style type=”text/css”>
a {star : expression(onfocus=this.blur)}
</style>
<a href=”link1.htm”>link1</a>
<a href=”link2.htm”>link2</a>
<a href=”link3.htm”>link3</a>

说明：

里面的star就是自己任意定义的属性，你可以随自己喜好另外定义，接着包含在expression()里的语句就是JS脚本，在自定义属性与expression之间可别忘了还有一个引号，因为实质还是CSS，所以放在style标签内，而非script内。OK，这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意，如果触发的特效是CSS的属性变化，那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改，你可能想当然的会认为应该写为
/* 原文有乱码,没时间修正,抱歉!*/
可结果却是出现脚本出错，正确的写法应该把CSS样式的定义写进函数内，如下所示：

<style type=”text/css”>
input {star : expression(onmouseover=function()
{this.style.backgroundColor=”#FF0000″},
onmouseout=function(){this.style.backgroundColor=”#FFFFFF”}) }
</style>
<input type=”text”>
<input type=”text”>
<input type=”text”>

注意:

不是非常需要，一般不建议使用expression，因为expression对浏览器资源要求比较高

from:http://www.blueidea.com/tech/site/2006/3297_2.asp

在这之前先讲解特殊符号的含义——‘+’ ’_’ ’ !important’，这类特殊符号是针对不同浏览器识别的。打个比方，就象家长去幼儿园认领孩子，看到头上贴着’+’这个符号的，哦，这是ie家的孩子，firefox和opear家长是不认得的，当然符号不止3个，但有这3个就能满足大部分的需要了。

‘+’ 加上该符号的样式只有ie才会认领

‘_’ 加上该符号的样式只有ie6才会认领，ie7不会认领

‘!important’ 在同一条样式定义中即大括号{}中，firefox、opera优先认领，ie不认得即忽略’!important’字符串。在非同一条样式中即不同的大括号中{}标有‘!important’的样式对所有浏览器均属优先认领。网上有说ie不认‘!important’的，大错特错了。

例：

.def{background:yellow;+background:blue;_background:red;}

dd

结果：ie6下是red色，ie7下是blue色，firefox和opera下是yellow色

例：

.def2{background:black !important;}

.def1{background:yellow;+background:blue;_background:red;}

dd

结果：所有浏览器均black色

优先原则一：文本从上到下，后出现的样式优先于前面出现的同一样式

例：

.def1{background:black;}

.def2{background:yellow; }

dd

结果：所有浏览器均yellow色，注意：与class=”” 引号内的顺序无关，只看.def1和.def2在声明时的顺序，.def2后声明的所以权重高。

优先原则二：id声明（即 # 开头的样式）> class声明（即 . 开头的样式）> 标签声明(即 类似 div 开头)

以上三种声明处于不同的量级，份量上，div 开头相当于 1克 重，. 开头相当于 1公斤 重，# 开头相当于 1吨 重。

例：

#bb{background:pink}

.def{background:black;}

div{background:yellow; }

dd

结果：所有浏览器均pink色，注意：虽然按优先原则一，后出现的权重高，但那只是在同样重量级下的比较，优先原则二各重量级别就不同了。

优先原则三：数量取胜。如果同一个样式声明即一个大括号{}由多个 # . 或 div 组成，则权重按出现符号的量级增加

比如：#bb #tt #dd {background:red} 则重量等于3吨

#bb .tt ul.dd li {background:red} 则重量等于1吨2公斤2克，这么精确的重量，就不需要举例了吧。

再次说明：优先原则一只适用两个样式声明同样重的情况

优先原则四：‘!important’。相当于无限重量，在之前已经有说明，需要注意：ie下，在同一条样式声明即一个大括号中出现的!important 会被随后出现的同名样式冲洗掉。

.def1{background:yellow !important;background:red;}

.def2{background:green;}

dd

结果：ie下，green色，background:yellow !important被后面的background:red冲洗了，而background:red与background:green的较量中，前者败在优先原则一之下。

优先原则五：近水楼台。

直接写在元素体内的style优先级别最高！（仅次于!important）用重量来形容，可以定为百万吨量级。

.def1{ background:red;}

dd

结果：black色。

.def1{ background:red !important;}

dd

结果：red色。

.def1{ background:red !important;}

dd

结果：black色。

注释：!important 的无限重量说不太通，大家知道，两个无限的数是没法比较大小的，如果两个样式定义都加了!important，是否就无法比较呢？

不是的，所以，请将!important的无限重量级理解成千万吨级别吧。

from:http://www.aliued.cn/339

　　我们有没有更好的办法来实现输入框input样式悬停交互的效果呢？
　　我们今天就讨论这样的方法，直接在CSS文件中写入悬停交互效果的小脚本。不但实现了内容与表现分离，而且使xhtml代码减小，促进了代码重用、更加的优化。
　　这一方法的原理，主要是应用CSS的expression，关于expression的更多介绍，请看这篇文章。

input {star : expression(
onmouseover=function(){this.style.borderColor="#060"},
onmouseout=function(){this.style.borderColor="#c00"})}



姓名：
年龄：
性别：
手机：
地址：





姓名：
年龄：
性别：
手机：
地址：



一直以来有个很头疼的问题困扰着我，那就是图片缩放的问题，写到 JS 里面吧，不太容易修改。写到 CSS 里面吧，IE 6 又不支持 max-width，今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了 expression，但是利用了一次加载，所以 expression 不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。代码如下：

.Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;padding: 3px; zoom:expression( function(elm) { if (elm.width>560) { var oldVW = elm.width; elm.width=560; elm.height = elm.height*(560 /oldVW); } elm.style.zoom = '1'; }(this));}

IE6下默认的字体尺寸大致在 12 – 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。

要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font: 0px Arial;"></div> 或者 <div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。

该问题在 IE7 / Firefox /Opera 下均不存在。