为背景图像渐变精心制作css

我是伙计。这可能更像是一个设计问题，但我认为如果有人有一些我可以使用的CSS技巧，我会给它一个提示。如果不是的话，我会支持自己进行低投票的攻击，并且不会说！为背景图像渐变精心制作css

你可以看到这里的logo holder有一个很好的渐变背景图片，显然是半透明的。我的客户正在寻找顶部和右侧的渐变。任何想法如何我可以做到这一点？

alt text http://www.linkhostmedia.com/blog/wp-content/uploads/2010/01/Screen-shot-2010-01-28-at-4.31.45-PM.png

在此先感谢。

2010-01-28 jay

最明显的解决方案是使用部分透明的图像作为container-div的背景图像。

#container_div {background: transparent url(path/to/image.png) bottom right no-repeat; }

来源

2010-01-28 21:49:54

你看到我面对的问题，虽然正确吗？在顶部左侧，向上褪色并不是什么大事。有几种方法可以解决这个问题。但是，当你接近正确的时候，把它融合起来并且变得棘手。 CSS的支持，我甚至不知道如何从设计的角度来完成这个任务。 – jay 2010-01-28 21:53:28

嗯，不;我不认为我这样做。从你的评论，我想你想要一个从右下角开始的渐变？只需创建一个具有alpha通道透明度的图像并将其放置在css中即可。我错过了什么吗？这不*看起来*很难... =/ – 2010-01-28 21:57:29

@jeerose：从图形的角度来看，你必须在左侧 - 右侧淡出自己的不透明蒙版。这实际上很容易在Fireworks，Photoshop或Illustrator中完成。现在它看起来像我这个东西可以是一个静态宽度，也可能是一个静态高度，所以我不知道是什么给你的问题......是否添加该渐变禁止背景 - 重复一个方向，你需要什么？ – prodigitalson 2010-01-28 22:03:17

为背景图像渐变精心制作css

回答

相关问题