三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之

  footer始终固定于窗口底部(支持ie6的fixed效果) 作者:Neoxone    发表时间: 2008年08月28号,星期四     阅读:23,495 次  

以上是一个支持ie6的fixed效果。
针对ie6的关键代码如下:

html,body{height:100%;overflow:hidden;}
body{overflow:auto;}

经过以上设置之后,在使用position:absolute时就能模拟出fixed效果了。
一般来说我们使用hack让其他浏览器直接用fixed属性,而让ie6使用这段代码。

如果不想单独对ie6使用hack,全部使用这段针对ie6的代码,也是可以的。代码如下:

然而这种方法有个很大的缺陷,它会使body内元素无法“正常”使用absolute和relative定位(最起码在ie6下不能避免了)。

为了解决这个问题,我们可以把对body的设置下移,放在下级与fixed效果层同级的层content上面。
改进如下:

这么改进之后,其实还是会有一个下缺陷:在ie6下,content会有部分被遮盖。

   

  路径描边制作丝织品效果 作者:Neoxone    发表时间: 2008年08月27号,星期三     阅读:2,485 次  

首先要定义一个路径描边的画笔。而这个画笔也是通过路径描边制作出来的。

1. 画一路径,描边(要细)。将描边出的图形定义为画笔。

2.再画一路径,使用第一步制作的画笔描边。(注意,画笔最好先设置下,特别是画笔间距)。

   

  利用涂抹工具+路径制作立体图形 作者:Neoxone    发表时间: 2008年08月27号,星期三     阅读:8,032 次  

首先我们知道,涂抹色块可以产生各种各样的变化,这是我们这个效果的理论基础(<'-'>)。结合路径可以使涂抹的效果不至于因为手的抖动而不流畅。

(做效果前,可以先手动涂抹来构思最终效果,然后再用钢笔勾出刚才经过的路径。)

1.在一选区内做一渐变(设置如黑白,对称)。

2.制作一图形自定义为画笔(如条形,不要太大)。

3.在第一步的渐变快中起始画一路径。

4.描边路径,使用涂抹工具描边,画笔为第二步所设画笔。

5.使用多个图层制造立体,光照效果(略)

源教程:http://bbs.blueidea.com/viewthread.php?tid=2842333&extra=&page=1

我仿做的效果没这个好。。。主要还缺乏质感

这个也是用此方法做的。是前面这个。。。不是背景。诶,好像主体没有突出来啊。
背景的制作,是结合之前的波尔卡点和(马赛克+锐化)的方法做的。

   

  footer居于页面底部。当页面不够长时,居窗口底部 作者:Neoxone    发表时间: 2008年08月26号,星期二     阅读:17,026 次  

当网页内容不够长时,footer将居于窗口的底部。而不是紧跟上部分网页内容。
当页面足够长,footer将被挤下,而不是仍然固定在窗口底部。
(始终固定在窗口底部的fixed效果看这篇文章:footer始终固定于窗口底部(支持ie6的fixed效果))。

注意,这里在ie6下会有一个bug:动态增加内容(或动态改变高度),会使影响到的绝对定位元素无法重新定位。如下:

滑动滚动条看看,这个问题只出现在ie6中。

所幸,我们找到了解决的办法。
改变绝对定位元素footer的位置,让它放在动态改变的内容的上方:

问题虽然解决了,但或许很多人都会不满意。因为这样的页面结构实在很不合理。
那我们换用js来解决:

   

  DIV 底部对齐 作者:Neoxone    发表时间: 2008年08月26号,星期二     阅读:6,302 次