当前位置:首 页>> 随心所欲

Ultimate CSS Gradient Generator 微信扫一扫
分享给朋友

  A powerful Photoshop-like CSS gradient editor from ColorZilla.
  一款在线的CSS渐变效果编辑器,很强大,可以使用已有的渐变样式,也可以自己定义自己喜欢的样式,然后CSS的代码是实时生成和变化的。不过,这个编辑器生成的CSS是基于HTML5和CSS3的,不是所有浏览器都能支持这个渐变效果,Firefox、Safari、Chrome基本没啥问题,能很好的支持,Opera11和IE8就傻眼了,不支持这个渐变效果。只能简单的用纯色或者两色渐变背景显示。希望IE9没问题,抽空我装个IE9的测试版试试看。

编辑器地址:http://www.colorzilla.com/gradient-editor/

无事研究了一下DIV+CSS 微信扫一扫
分享给朋友

  花了几天时间,把博客的主模板用DIV+CSS从新搞了一遍,很久没这么搞了,之前模板是TABLE+CSS,感觉代码比较臃肿,所以想用DIV+CSS精简一下,效果还不错。
  不过这DIV+CSS也蛮折腾人的,浏览器的兼容性好像没有TABLE+CSS那么宽容,同样的CSS定义,不同浏览器显示效果稍有不同,比如Chrome、Chromium、IE、Opera等,Chrome和Opera浏览的话,那Flash音乐播放器的显示有问题,大小不正常,原因未知,如有高人知道啥原因导致的烦请告知,Chromium和IE是没有问题的,照理说Chrome和Chromium是一家的哦,搞不懂。以前很少用DIV这玩意,都是TABLE+CSS为主,也有段时间没有操刀做过页面了。博客的其他部分页面暂时还是TABLE+CSS的,慢慢抽时间一点点的都换成DIV+CSS吧,主模版换掉基本就完成90%了。
  相比起来,DIV+CSS的结构,更有利于后期维护和更新模板,尤其是页面的样式定义,只需要修改CSS文件即可,不需要改动模板或者程序页面文件了。很多TABLE+CSS很容易实现的表现方式,用DIV+CSS还不知道怎么表现,所以就一边Google一边动手,边学习边实践吧。如果有DIV+CSS高手,还望留下您的联系方式,我还有不少细节的问题需要请教,先谢谢了哦。
  补充:刚刚又Google一下,解决了一下DIV高度自适应的问题,还得多谢一位朋友的帮助。这兼容性的问题就当长期工作吧,目前来说,Chrome,Chromium,Opera,IE7/8/9,Firefox估计问题都应该不大了,还在用IE6的朋友们如果发现有啥不对劲的地方,还请高抬贵手给留言说明一下,我能解决的就尽量解决,解决不了也没办法啊,能力有限啊。
[Edit on 2011-1-26 18:51:46 By 笑傲江湖]

人到穷途应一笑,几凡失意仍能傲。成败何须问江湖,我心依旧任逍遥。
这一生只想好好做个平凡的人,有个家有个梦,陪我迎接每一个早晨。
这一生只想好好做个平凡的人,何必争何必问,只有快乐开心才是真。