因为要用到这样一个效果，http://yxp.163.com/cindex/iframeMail2/ 懒得写代码，随便搜了下，找到下面一段代码，修改下就能用。大家也可以把网址中的代码另存，研究这里面的代码，这是网易邮箱内的一个调用页，所以垃圾代码不会太多。有空我精简下放上来。

鼠标滑过图片显示半透明文字，边框变色代码

因为要用到这样一个效果，http://yxp.163.com/cindex/iframeMail2/ 懒得写代码，随便搜了下，找到下面一段代码，修改下就能用。大家也可以把网址中的代码另存，研究这里面的代码，这是网易邮箱内的一个调用页，所以垃圾代码不会太多。有空我精简下放上来。

鼠标滑过图片显示半透明文字，边框变色代码

因为要用到这样一个效果，http://yxp.163.com/cindex/iframeMail2/ 懒得写代码，随便搜了下，找到下面一段代码，修改下就能用。大家也可以把网址中的代码另存，研究这里面的代码，这是网易邮箱内的一个调用页，所以垃圾代码不会太多。有空我精简下放上来。

鼠标滑过图片显示半透明文字，边框变色代码

简单是max-width:就可完成图片最大宽度得限制，但是由于ie6不支持max-width只能通过expression来实现。
下面两段代码效果是一样的，我用的没问题，具体特色大家自行测试。第三段对高度同时做了限制。

代码如下：

img {max-width:400px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 400 ? "400px" : "auto"):"auto"); display:inline !important;}
.img{ 
max-width: 200px; 
height:auto; 
width:expression(this.width > 200 ? "200px" : this.width); 
}

第三段对高度同时做了限制。

.img{
max-width:201px; 
max-height:136px;
width:expression(this.width > 201 && this.width > this.height ? '201' : auto);
height: expression(this.height > 136 ? '136' : auto);
}

简单是max-width:就可完成图片最大宽度得限制，但是由于ie6不支持max-width只能通过expression来实现。
下面两段代码效果是一样的，我用的没问题，具体特色大家自行测试。第三段对高度同时做了限制。

代码如下：

img {max-width:400px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 400 ? "400px" : "auto"):"auto"); display:inline !important;}
.img{ 
max-width: 200px; 
height:auto; 
width:expression(this.width > 200 ? "200px" : this.width); 
}

第三段对高度同时做了限制。

.img{
max-width:201px; 
max-height:136px;
width:expression(this.width > 201 && this.width > this.height ? '201' : auto);
height: expression(this.height > 136 ? '136' : auto);
}

简单是max-width:就可完成图片最大宽度得限制，但是由于ie6不支持max-width只能通过expression来实现。
下面两段代码效果是一样的，我用的没问题，具体特色大家自行测试。第三段对高度同时做了限制。

代码如下：

img {max-width:400px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 400 ? "400px" : "auto"):"auto"); display:inline !important;}
.img{ 
max-width: 200px; 
height:auto; 
width:expression(this.width > 200 ? "200px" : this.width); 
}

第三段对高度同时做了限制。

.img{
max-width:201px; 
max-height:136px;
width:expression(this.width > 201 && this.width > this.height ? '201' : auto);
height: expression(this.height > 136 ? '136' : auto);
}

从网上找了一段返回顶部的代码，兼容性不怎么好，谷歌浏览器下不显示，IE6下不跟着屏幕动

修改了下发布上来，本人计算机上的搜狗、谷歌、FF、IE6/7/8、Opera、遨游……基本都测试过，不存在任何问题。演示效果见本站。

CSS代码：Body里面的不加也可以，只是IE6下面滚动的时候会抖。

More »

从网上找了一段返回顶部的代码，兼容性不怎么好，谷歌浏览器下不显示，IE6下不跟着屏幕动

修改了下发布上来，本人计算机上的搜狗、谷歌、FF、IE6/7/8、Opera、遨游……基本都测试过，不存在任何问题。演示效果见本站。

CSS代码：Body里面的不加也可以，只是IE6下面滚动的时候会抖。

More »

从网上找了一段返回顶部的代码，兼容性不怎么好，谷歌浏览器下不显示，IE6下不跟着屏幕动

修改了下发布上来，本人计算机上的搜狗、谷歌、FF、IE6/7/8、Opera、遨游……基本都测试过，不存在任何问题。演示效果见本站。

CSS代码：Body里面的不加也可以，只是IE6下面滚动的时候会抖。

More »

由于个人的一些需要，想通过CSS的方式来实现鼠标滑过图片出现半透明的效果，用JavaScript来实现是比较简单的，但是这里只分享如何用CSS来实现。
CSS中有个opacity属性，可以针对透明来设置，但是它只是对FireFox、Chrome等非IE内核下好用，在IE下并不是很好用。但是CSS下还有一个不常用的属性叫做滤镜filter，这个在IE下就好用。将opacity和filter属性结合一下，就可以实现鼠标滑过出现半透明效果了。

那么对应的CSS的写法如下：

.item1 a:hover img {

opacity:0.7;
filter:alpha(opacity=70);