CSS框架整合应用之flash嵌入

例:IE6,flash虚线问题,需点击才可去除。框架整合使用SWFObject 2.0,比任何其他的Flash Player嵌入方法更完善更灵活。提供两种优化的嵌入Flash Player的方法:一种基于标签的方法和一种依赖于JavaScript的方法。只利用一个很小的JavaScript文件,提供一套JavaScript API,目的是提供一套完整的工具来嵌入SWF文件和获得Flash Player的相关信息。打破了使用浏览器专有标签的恶性循环,促进了web标准和替换内容(译者注:alternative content,指Flash内容无法正常显示时需要显示的内容,使用替换内容通常是因为Flash插件没有安装或者Flash插件版本过低)的使用。

查看实例

CSS框架整合应用之png透明

解决IE6PNG问题
本例采用iepngfix实现。虽然网上流传多种方法,但实测这种方法还是稍好一些的。使用中所需要注意的是路径的问题,iepngfix.htc及里面blank.gif的路径是针对显示页面的。而不是css样式表里面的。本例中是在global.css里面调用的。

1、注意路径的问题。

2、如果是p段落,或是img标签增加背景,需要在引用的时候增加。例:img,div,p,input { behavior: url(js/iepngfix/iepngfix.htc)}

3、问题主要针对ie6,ie7和firefox等无此问题。

iepngfix介绍:
IEPNGFix提供了很有实用价值的解决方案,现在IEPNGFix 2还新增支持设置背景位置和图片重复。现在你可以使用完整的半透明效果,你的网页不会再出现丑陋的灰色边界。使用很简单,只需要在你的CSS文件中增加一行,不改变任何其他HTML代码。img标签和背景图片现在都支持了。

获取最新版本,到http://www.twinhelix.com

例子测试(普通png图片、png背景图片、按钮测试)查看实例

做个小结吧
这个方法不错,但是调用时候,可能占用资源较多,建议页面还是少用png图片。另本文所有资料为收集,自己仅整理一下,方便使用。

什么是css框架

实际上还是让我们从框架说起吧。
框架就是一个你可以用于你的网站项目的基本的概念上的结构体。可以帮助设计师快速高效率的书写css文档。你可以将他理解成一套模板。

css框架通常只是一些css文件的集合,这些文件包括基本布局、表单样式、网格或简单结构、以及样式重置。比如:

  • typography.css 基本排版规则
  • grid.css 基于网格的布局
  • layout.css 通常的布局
  • form.css for 表单样式
  • general.css 更多通用规则

框架也许并不一定适合我们的站点开发,但是通过它我们可以找到一种好的架构方式。如果你经常会和css打交道,不论你是在做企业站还是门户站,好好的整理一下你以前的文档,根据你的需求制定自己的CSS框架,会很大程度上的提高你的开发效率。

CSS框架的利与弊

前端时间写了一篇《利用CSS框架进行高效率的站点开发》,有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构,也对不少朋友提出CSS框架的建议。效果是很明显的。当然,CSS框架有利也有弊,最近也看了一些相关的文章。一些感想,与大家分享。

CSS框架之利

1、开发效率的提高。
如果你是一个企业建站的前端开发,相信在大部分时间里进行着同类站点的代码工作。定义好的框架可以大大提高你的工作效率,避免一些常见的错误。如果你的工作是按件计费的,你的报酬一定会比别人多。

2、规范代码命名。
在多个站点中你可能会用到一些同样的CLASS或ID。如果你有一套完善的css框架,很快你就能对你的每一个站点的代码进行通读。不用浪费时间在代码的阅读上。

3、更好的团队合作
有些公司会将一些稍大的站点的前端代码分成若干子项目。有过此类经验的朋友应该对这种开发方式深感郁闷,要注意公用css,还有注意相互之间的代码配合。久而久之,废弃代码越来越多,互相之间也难以阅读。如果建立好合适的CSS框架,大家可以减少很多不必要的错误,提升产品质量和工作效率。

4、解决浏览器的兼容性问题
现在大部分项目都要求兼容IE6,7和FF。每个站点可能都会花上一部分时间去处理兼容问题。在框架层面上就将这个问题处理好。就可以为后面的兼容问题节省下大部分时间。

5、一套完整的、结构清晰的结构代码。
CSS框架为你的项目提供一个干净、严谨的基础架构。通过它你可以快速的为你的站点搭建基础的html代码框架。万事开头难,前面的基础工作做好了。后面的开发速度会提高很多。

CSS框架之弊

1、你需要完全的理解整套框架
每一个加入项目的人,都需要花一定的时间去完全的理解整套框架及编码规范;

2、你会延续一些框架中的错误bug
没人可以保证自己制定的框架是完美而没有bug的。你可能会需要时间去清理框架中的bug;

3、限制开发思路
框架给出大家基本的架构及开发的思路,这可能会限制你对产品开发的新思路;

4、臃肿的源代码
框架中可能有很大一部分代码不会经常用到,而且还会降低执行效率;

5、框架的语义化
我们已经注意到了HTML代码的语义化。但基于框架的每个站点都是独立唯一的,我们很难去保证CSS框架的语义化。

本文链接:http://www.blueidea.com/tech/web/2007/5173.asp 作者:dowhatyouwant