最近重新设计囧客圈的时候遇到的. 这个效果不错 仿新浪微博,带缓冲的平滑滚动:

<script type="text/javascript">     function addBookmark(title,url) {         if( document.all ) {             window.external.AddFavorite( url, title);         } else if (window.sidebar) {             window.sidebar.addPanel(title, url,"");         } else if( window.opera && window.print ) {             return true;         }     } </script> <a href="javascript:addBookmark(‘站点名称,’http://www.yjyj.net/’);">加入收藏</a>

公司站点我迫不及待的使用了一些css3的样式,比如让我眼馋很久的字体阴影. 可是在测试到chrome的时候问题出来了,在页面底部的链接部分,宋体显示的很模糊,类似photoshop中字体的"犀利"效果,但是13号的字体太细,这样就造成了字体模糊不清的显示状态: 后来在查看整张页面的时候发现一个问题,有几个部分的字没有出现这种模糊的问题. 这样一来就好解决了,我查看了下css,结果发现没有问题部分的字体阴影设置为: text-shadow:#08223b 1px 1px 0px 有问题的部分为: text-shadow:#08223b 1px 1px 1px 很明显是最后设置阴影虚化的1px造成了问题. 去掉后显示效果就没有问题了.

兼容ie与ff的写法是这样的:   #divobj{filter:alpha(opacity=80);-moz-opacity = 0.8; }

应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和Opera对PNG的支持非常的好，都是IE却无视PNG图片这一特性的“存在”，虽然IE7已经支持都是IE6还是不行。查了一些资料，基本解决了这一问题。 虽然有让IE6支持PNG透明背景的JS程序，都是不是很方便，还是用CSS来实现的好。使用到的就是： IE5.5+的AlphaImageLoader滤镜 引用内容 语法： 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代码（还不是完全正确的代码）： 引用内容 [...]