当我在自己的网页设计项目中尝试使用据有透明度的PNG图片的各种方法时，我开始寻找各种能让PNG图片在IE6下正常工作的方法。我们都知道，IE6对于PNG的不透明度支持的并不好。暴风彬彬曾经发表过CSS完美实现垂直居中的方法，如果您有兴趣也可以参考。

1..htc文件的修复方法

下载.htc文件，然后指定你希望实现PNG支持的那个元素/标签。想了解更多的话，这有在线Demo和安装说明.(都是英文)

本文未完，点这儿看完整内容 » »

　　今天暴风彬彬将向大家分享一些为你平淡乏味的图片添加更多趣味情调的简单技巧。使用Photoshop为每个图片添加某种样式虽然可行，但会是相当乏味且困难的长久工作。下面要介绍的CSS技巧将帮助你从痛苦中解脱出来！如果你也有自己独到的CSS技巧，希望能一同分享。

　　彬Go会经常更新前端开发/CSS技巧等相关技术及教程文章，欢迎订阅本博客来及时浏览本博客的最新教程及资源。

阴影效果

通过使用带有一些padding之的背景图来添加阴影效果。

效果预览

本文未完，点这儿看完整内容 » »

　　今天，暴风彬彬将向大家推荐50个2008年的最佳CSS网站设计，这50个CSS网站是由WebDesignerWall评选出来的，很具参考价值。我们在欣赏的同时，也能从中吸取很多灵感，也能从它们的源代码中学习更高级的CSS技术。今年，越来越多的设计师开始使用超大的背景图片技术和一些JavaScript框架（如jQuery及MooTools）来提高用户体验。还有一些设计师将Flash和CSS混合使用。也许我们能从中发现2009年的新网页设计趋势？

您还可以参考以下CSS相关资源:

《精选15个国外CSS框架》
《推荐20个让你学习并精通CSS的网站》
《20+漂亮的网站分类存档设计赏析(下)》
《20+漂亮的网站分类存档设计赏析(上)》
《推荐80个使用超大背景图片的网站设计》 

Let It Bleed

巨大而醒目的图片使得这个网站鹤立鸡群。

本文未完，点这儿看完整内容 » »

　　今天暴风彬彬将向大家讲解如何通过设计一个HTML/CSS的基本结构，来创造一个简单且常用的三列式固定页面布局。

　　我的讲解会包含一些标准元素，如logo、顶栏、导航栏、文本区域、用于文章分类的中列和用于插入Google Adsense 120X600广告的右侧列。所以您完全可以将这些代码快速拷贝并重新利用在自己的前端开发项目中。

HTML结构

下图说明了我在页面中添加的HTML/CSS元素。

　　这个结构其实已经可以直接使用了。您只需再重新定义字体、背景颜色、每个层和HTML标签的字体风格和一些其他自定义类。

本文未完，点这儿看完整内容 » »

　　今天，暴风彬彬为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例，您将在这里发现很多与众不同的技术，比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。

　　单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文)，单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。

　　彬Go会经常更新前端开发/CSS技巧等相关技术及教程文章，欢迎订阅本博客来及时浏览本博客的最新教程及资源。

1.Hoverbox 图片集

一个纯净的基于CSS的图片集，鼠标悬停缩略图就会显示放大效果。

本文未完，点这儿看完整内容 » »