技术资讯
给带颜色的背景上做黑色阴影会让效果失真！
2011-11-16 22:42:13
也就是说，“不要在带有颜色的背景上使用黑色的阴影。”在青岛网站设计的每一各阶段，我都要注意到这一点。例如，在Photoshop中添加投影作为图层样式时，不要只是选择黑色或者灰色，最好从背景中取一个颜色，通过调整不透明度把它调暗，直到它看上去像是阴影一样。这是因为在现实中阴影并不是黑色的。它们是在其之上的任何东西的更暗的版本，因为那里光线要少一些。查看下面图片中的阴影，如果你试着重新做出这个阴影的效果，那么会觉得任何不透明度的黑色看上去都不会很好。
由于在我们的CSS工具箱里有了RGBa，我听说和看到大家给背景和阴影使用调整到黑色的方法（例如，rgba(0,0,0,0.5)）。这种做法的原因是这样：“由于透明度的原因，阴影的颜色将会混合着背景色”。是的，的确是这样，但是它也会混合着黑色，并非是单纯背景色的更深的调子的版本。
听说Dan Cederholm在An Event Apart和Bulletproof Web Design教授这种方法。Meagan Fischer最近在教程里也使用了黑色作为阴影颜色，因此我们并非否定他们的方法。因为黑色可以在任何背景色上显示出相同的效果，而有色调的阴影只能在那个色调上应用。
我们的观点是，如果你想要改变背景颜色，那么你也要在CSS中作出更改。因此如果你那样做的话，不妨也改变一下阴影的色调。如果你无法掌控文字或者盒模型的阴影是什么样，使用黑色。如果能的话，使用有色调的阴影。
查看示例
译者注：
RGBa代表Red Green Blue Alpha。也就是RGB再加上Alpha，是通过给每一像素多分配一部分空间来存储透明信息，从而实现真透明效果。更多的解释见维基百科。
rgba(0,0,0,0.5)这个值的前三个数字0,0,0代表黑色，最后一个数值0.5代表透明度，也就是半透明的效果。
近期更新
- [2023-07-26 14:17:28] 为品牌赋能，海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,品牌网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 品牌定制网站建设——从满足预期到走向超预期
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势？为什么要开发微信小程序？
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少？
延伸阅读
- [2011-11-05 21:28:33] seo一定要胆子大，要敢于实践，要拿的起放的下！
- [2014-06-02 13:24:53] dede 调用当前栏目顶级栏目
- [2011-11-19 22:19:26] 网页关键词匹配度与搜索引擎排名的关系
- [2017-01-16 10:00:00] 提升网站排名应如何在关键词上下功夫？！
- [2012-02-20 21:40:11] 网页切图应该注意的细节
- [2015-04-01 23:01:54] 网站的日常黑客防护与处理办法
- [2012-02-04 22:25:59] 如何选择一个网站制作公司
- [2011-10-13 12:15:21] 青岛网站设计与欧美网站设计风格分析
- [2014-10-28 08:31:20] 青岛网站建设费用预算
- [2011-10-24 11:57:02] 为什么要将网站地图链接放在robots.txt？
- [2014-10-25 11:19:52] 网站建设的方案该如何制作
- [2014-06-05 21:55:20] 如果允许此操作 网页可以访问剪切板 并读取最近剪切或复制的信息(已解决)
