评论: 你问我答(36)——带有纹理的渐变背景处理方法 http://learning.artech.cn/20090423.slide-door-application.html 学习在前沿！这里是“前沿视频教室”，在这里您可以找到关于各种网页设计/网站开发/Flash动画相关的内容，而且我们都通过视频演示的方式，直观地向您讲解！包括CSS/Javascript/Flash/Dreamweaver/Fireworks/Photoshop等软件的使用和技巧! Sat, 19 May 2012 20:47:20 +0000 http://wordpress.org/?v=2.2 作者: rmt http://learning.artech.cn/20090423.slide-door-application.html#comment-15931 rmt Tue, 07 Feb 2012 19:01:45 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-15931 A unique discussion might be priced at comment. I鈥檓 sure that you should generate more on the following topic, may possibly not be a taboo theme but generally people are too little to speak in such themes. To the next. Kind regards A unique discussion might be priced at comment. I鈥檓 sure that you should generate more on the following topic, may possibly not be a taboo theme but generally people are too little to speak in such themes. To the next. Kind regards

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-10800 温谦 Tue, 15 Sep 2009 13:53:20 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-10800 crizyant ， 这个我问题，请参考： http://learning.artech.cn/20081104.jquery-intro.html 里面有详细介绍，用了一个插接实现这个效果的。 crizyant ，

这个我问题，请参考： http://learning.artech.cn/20081104.jquery-intro.html

里面有详细介绍，用了一个插接实现这个效果的。

]]> 作者: crizyant http://learning.artech.cn/20090423.slide-door-application.html#comment-10729 crizyant Sat, 05 Sep 2009 08:08:00 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-10729 老师你好，请问一下，咱们站点右侧导航 鼠标悬停的效果，有一个时间差，那个是怎么实现的~ 老师你好，请问一下，咱们站点右侧导航 鼠标悬停的效果，有一个时间差，那个是怎么实现的~

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-9356 温谦 Sun, 14 Jun 2009 03:58:47 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9356 keke， 您说的对！ 抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！ keke，

您说的对！

抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-9332 温谦 Sun, 14 Jun 2009 03:23:21 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9332 小唐 , 抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！ 小唐 ,

抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-9331 温谦 Sun, 14 Jun 2009 03:21:58 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9331 kyphoon, “渐变背景”这个四个字标题的上面一段文字中，我提到了这个问题。仔细看一下我说的这段话: "效果如右图所示，其高度可以根据ul的高度自适应。当然如果如果太高了，以致于内外两层div的背景图像无法重叠了，就会产生裂缝了，那么一种方法是把背景图像做的高一些即可，另一种方法是外面再再多套一层div，设置一个竖直方向平铺的背景，用它来填补中间的缝隙。" 抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！ kyphoon,

“渐变背景”这个四个字标题的上面一段文字中，我提到了这个问题。仔细看一下我说的这段话:

“效果如右图所示，其高度可以根据ul的高度自适应。当然如果如果太高了，以致于内外两层div的背景图像无法重叠了，就会产生裂缝了，那么一种方法是把背景图像做的高一些即可，另一种方法是外面再再多套一层div，设置一个竖直方向平铺的背景，用它来填补中间的缝隙。”

抱歉没有及时回复，我们最近很忙，下半年我们会拿出更多时间增加新内容的，欢迎来交流！

]]> 作者: keke http://learning.artech.cn/20090423.slide-door-application.html#comment-9115 keke Sun, 10 May 2009 06:14:49 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9115 太好了，慢慢得积累一些经验，然后付诸行动！ 太好了，慢慢得积累一些经验，然后付诸行动！

]]> 作者: 小唐 http://learning.artech.cn/20090423.slide-door-application.html#comment-9085 小唐 Wed, 06 May 2009 00:26:52 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9085 为什么浮动的盒子脱离标准流和绝对定位的盒子脱离标准流不一样呢，浮动的盒子脱离标准流只是它的父元素当它不存在一样，但祖先元素还是当它存在的，而绝对定位脱离标准流后，如果它的祖先元素都没设置定位属性，那么所有祖先元素都当它不存在呢。 为什么浮动的盒子脱离标准流和绝对定位的盒子脱离标准流不一样呢，浮动的盒子脱离标准流只是它的父元素当它不存在一样，但祖先元素还是当它存在的，而绝对定位脱离标准流后，如果它的祖先元素都没设置定位属性，那么所有祖先元素都当它不存在呢。

]]> 作者: kyphoon http://learning.artech.cn/20090423.slide-door-application.html#comment-9084 kyphoon Tue, 05 May 2009 14:06:34 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9084 你上面说的是不能太短了，如果过短的话，渐变还没有完成就直接到了下侧的颜色，接缝处就会不自然了，实际上太长了就会出现纹理和渐变分离，除非纹理层有足够的长。 你上面说的是不能太短了，如果过短的话，渐变还没有完成就直接到了下侧的颜色，接缝处就会不自然了，实际上太长了就会出现纹理和渐变分离，除非纹理层有足够的长。

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-9083 温谦 Tue, 05 May 2009 13:49:32 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9083 kyphoon, "渐变背景"这个四个字标题的上面一段文字中，我提到了这个问题。 kyphoon,

“渐变背景”这个四个字标题的上面一段文字中，我提到了这个问题。

]]> 作者: kyphoon http://learning.artech.cn/20090423.slide-door-application.html#comment-9082 kyphoon Tue, 05 May 2009 13:46:09 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-9082 发觉一个问题哈，你上面的这个结果图实际上要求列表内容还是不能太长了，长了就出问题了，呵呵。（在IE7 和firefox 3下测试） 发觉一个问题哈，你上面的这个结果图实际上要求列表内容还是不能太长了，长了就出问题了，呵呵。（在IE7 和firefox 3下测试）

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8977 温谦 Tue, 28 Apr 2009 01:42:19 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8977 小唐 ， 是的，这里的代码是有些多余了，有一些是不需要的，有的时候也是为了解决一些bug，所以具体做的时候，只能具体问题具体分析了。 小唐 ，

是的，这里的代码是有些多余了，有一些是不需要的，有的时候也是为了解决一些bug，所以具体做的时候，只能具体问题具体分析了。

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8966 温谦 Tue, 28 Apr 2009 01:31:11 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8966 小渔， 呵呵，同意！ 小渔，

呵呵，同意！

]]> 作者: 小唐 http://learning.artech.cn/20090423.slide-door-application.html#comment-8948 小唐 Sun, 26 Apr 2009 08:20:16 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8948 在您的CSS书中，制作简单的带有盒子的横向导航条都是将a元素设为float:left;，让他们在同一行显示，但我记得元素设置为浮动后都将变成块级元素在浏览器中显示，是吗？ 如果是这样，那么为什么书中还要将a元素设为display:block呢，既然浮动元素会以块级元素显示，那这一句岂不是多余的呢。 我自己做了实验，把a元素的display:block这一句去掉，那么导航条不会有什么变化，但导航条下面如果跟了个div元素的话，那么div元素的盒子就会不见了，这和我在论坛里提的那个问题情况有点相似，这是为什么啊？ 在您的CSS书中，制作简单的带有盒子的横向导航条都是将a元素设为float:left;，让他们在同一行显示，但我记得元素设置为浮动后都将变成块级元素在浏览器中显示，是吗？
如果是这样，那么为什么书中还要将a元素设为display:block呢，既然浮动元素会以块级元素显示，那这一句岂不是多余的呢。
我自己做了实验，把a元素的display:block这一句去掉，那么导航条不会有什么变化，但导航条下面如果跟了个div元素的话，那么div元素的盒子就会不见了，这和我在论坛里提的那个问题情况有点相似，这是为什么啊？

]]> 作者: 小渔 http://learning.artech.cn/20090423.slide-door-application.html#comment-8935 小渔 Sat, 25 Apr 2009 00:32:59 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8935 买本《CSS彻底研究》好好看看吧，这些例子书中讲的特别详细 对看过书的我来说都是“小儿科”啦 不懂的赶紧买书吧！！ 含金部分 注意，在导出的时候，在Fireworks中要选择PNG格式，要注意一点，PNG格式有 8位、24位和32位三种，由于这个图像中存在渐变色，8位格式产生的效果太差，无法使用，此外，24位的无法产生alpha透明，因此，这里选择32位的PNG格式导出（32位：24位=4字节：3字节，多出来的一个字节就是就是记录透明度的）。 买本《CSS彻底研究》好好看看吧，这些例子书中讲的特别详细 对看过书的我来说都是“小儿科”啦

不懂的赶紧买书吧！！

含金部分

注意，在导出的时候，在Fireworks中要选择PNG格式，要注意一点，PNG格式有 8位、24位和32位三种，由于这个图像中存在渐变色，8位格式产生的效果太差，无法使用，此外，24位的无法产生alpha透明，因此，这里选择32位的PNG格式导出（32位：24位=4字节：3字节，多出来的一个字节就是就是记录透明度的）。

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8931 温谦 Fri, 24 Apr 2009 05:43:42 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8931 cssseo ， 好啊，祝你成功：） cssseo ，

好啊，祝你成功：）

]]> 作者: cssseo http://learning.artech.cn/20090423.slide-door-application.html#comment-8926 cssseo Fri, 24 Apr 2009 05:41:17 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8926 不错，回去测试下！ 不错，回去测试下！

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8918 温谦 Fri, 24 Apr 2009 00:45:32 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8918 mickey ， 多些鼓励，最近还有几篇文章，我正在写，我们一边写一边贴的！希望对大家有所帮助！ mickey ，

多些鼓励，最近还有几篇文章，我正在写，我们一边写一边贴的！希望对大家有所帮助！

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8916 温谦 Fri, 24 Apr 2009 00:43:53 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8916 anyLiv， 是的，多创造出一些有意思的好方法！ anyLiv，

是的，多创造出一些有意思的好方法！

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8914 温谦 Fri, 24 Apr 2009 00:40:59 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8914 任平生 ， 任何技术，多动脑子，就会出现很多巧妙的方法，需要的就是我们多思考！ 加油！ 任平生 ，

任何技术，多动脑子，就会出现很多巧妙的方法，需要的就是我们多思考！

加油！

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8912 温谦 Fri, 24 Apr 2009 00:39:24 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8912 chase22， 1：这些图合理地选择输出选项以后，也就是几K字节，对于现在的上网速度，完全没有问题。 2：这种自适应的方式的好处就是做了背景图片，可以在一个页面的很多地方使用，这样其实非常节省带宽的。 chase22，

1：这些图合理地选择输出选项以后，也就是几K字节，对于现在的上网速度，完全没有问题。

2：这种自适应的方式的好处就是做了背景图片，可以在一个页面的很多地方使用，这样其实非常节省带宽的。

]]> 作者: 温谦 http://learning.artech.cn/20090423.slide-door-application.html#comment-8911 温谦 Fri, 24 Apr 2009 00:37:26 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8911 chase22 ， 不客气~~ 你的这个问题挺好，又很有代表性，介绍给更多人，让到家都有一些收获，是最好的了！ chase22 ，

不客气~~

你的这个问题挺好，又很有代表性，介绍给更多人，让到家都有一些收获，是最好的了！

]]> 作者: mickey http://learning.artech.cn/20090423.slide-door-application.html#comment-8902 mickey Thu, 23 Apr 2009 15:01:16 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8902 哇 猛啊 这几天更新这么多文章。看起来最近你很有时间 哇 猛啊 这几天更新这么多文章。看起来最近你很有时间

]]> 作者: anyLiv http://learning.artech.cn/20090423.slide-door-application.html#comment-8900 anyLiv Thu, 23 Apr 2009 12:49:33 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8900 是个很有意思的问题。。。。 是个很有意思的问题。。。。

]]> 作者: 任平生 http://learning.artech.cn/20090423.slide-door-application.html#comment-8896 任平生 Thu, 23 Apr 2009 05:43:09 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8896 纹理背景这个方法很巧妙啊，学习了 纹理背景这个方法很巧妙啊，学习了

]]> 作者: chase22 http://learning.artech.cn/20090423.slide-door-application.html#comment-8894 chase22 Thu, 23 Apr 2009 04:02:21 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8894 top和bottom 用 这么大图的话 浏览显示时 速度方面 没有区别吗？ top和bottom 用 这么大图的话 浏览显示时 速度方面 没有区别吗？

]]> 作者: chase22 http://learning.artech.cn/20090423.slide-door-application.html#comment-8893 chase22 Thu, 23 Apr 2009 02:12:02 +0000 http://learning.artech.cn/20090423.slide-door-application.html#comment-8893 刚看到这个教程了，， 在这里遇到真正的好老师了，写的这么详细 真的很感谢， 现在看来 我想的是完全 表格布局思路，， 想的表格布局思路 是不是 CSS基础 没打好呢？ 很多时候 PS里 不知道 怎么切块， 这个题 老师的讲解下 学到了 很多，， 在一次感谢老师，谢谢 刚看到这个教程了，，
在这里遇到真正的好老师了，写的这么详细 真的很感谢，
现在看来 我想的是完全 表格布局思路，，
想的表格布局思路 是不是 CSS基础 没打好呢？
很多时候 PS里 不知道 怎么切块，
这个题 老师的讲解下 学到了 很多，，
在一次感谢老师，谢谢

]]>