Monthly Archives: 十一月 2009

86.5元的windows7旗舰版

Posted on 2009年11月27日 by Bell

经过一个星期的等待,今天终于收到联想邮来的windows7 Ultimate,价格相当的实惠,只要86.5元(基本上就是邮费啦,呵呵),起初还真不太相信,只是抱着试试的心态去下了单,没想到这个所谓的联想系统升级BUG还真强大,按照网上提供的申请流程填填数据,接到确认的邮件后付款就OK了…有兴趣的童鞋可以去试试,地址:http://www.lenovo.com/us/en/windows7/

Posted in Software836 views | 1 Comment

[转] 深入CSS行高

Posted on 2009年11月23日 by Bell

Line Height (中文版) View more documents from bigCat Mao. 转自 http://webteam.tencent.com/?p=1503 翻译自 Russ Weakley 的Line Height

Posted in HTML & CSS1,011 views | Leave a comment

IxEdit:可视化jQuery开发工具

Posted on 2009年11月14日 by Bell

IxEdit是一款基于jQuery的,专门面向Web程序员和设计师量身定制的可视化交互设计工具. 官方网站:http://www.ixedit.com/ 虽然目前IxEdit还处于beta阶段,但功能已经非常强大了. IxEdit的界面:

Posted in Javascript, jQuery953 views | Tagged | Leave a comment

IE6下实现png图片半透明的常用方法

Posted on 2009年11月13日 by Bell

IE6是个”神奇”的浏览器,其原因想必做前端的同行们都深有体会,:)作为我个人而言,最反感的就是IE6不支持除A以外的hover伪类,再一个就是它不支持png图片的alpha透明度.当然此类问题已有众多的解决方案,这里只是总结下自己常用的IE6下实现png半透明的方法以及适用环境. 1.使用滤镜,适用于单一png背景图片的快速部署;弊端:消耗资源比较多,方法比较繁琐. < !DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ie6下png透明-iinterest</title> <style type="text/css"> *{margin:0; padding:0;} .box{ width:958px; height:512px; background:url(http://image215.poco.cn/mypoco/myphoto/20091114/16/51737245200911141635177073974043057_000.jpg) no-repeat; } .png-bg{width:341px; height:258px; margin:60px auto 0; background:url(http://www.iinterest.net/wp-content/uploads/2009/11/windows.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’http://www.iinterest.net/wp-content/uploads/2009/11/windows.png’); _background-image:none; } </style> </head> <body> <div class="box"> <div … Continue reading →

Posted in HTML & CSS1,988 views | Tagged , | 3 Comments

用CSS打造图片以及文字的阴影效果

Posted on 2009年11月6日 by Bell

阴影效果是在设计中比较常见的,它可以增强页面的立体感,给用户带来更高的视觉体验,常规的制作方式是用图片来完成,而这里就介绍几种CSS方法来实现阴影效果. 简单的图片阴影 先来看看效果: < !DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS阴影</title> <style type="text/css"> *{ margin:0; padding:0;} .box-shadow{ float:left; margin:30px; background:#f4f4f4;} .box-shadow img{ display:block; position:relative; top:-5px; left:-5px; padding:5px; border:1px solid #d7d7d7; background:#fff;} </style> </head> <body> <div class="box-shadow"><a href="#"><img src="http://www.google.cn/images/nav_logo7.png"/></a></div> … Continue reading →

Posted in HTML & CSS1 views | 2 Comments
Pages: 1 2 Next