2012-05-12 82 views
3

我工作的一两件事,而不是使用大图我会preffer使用正常的背景色,与一些不透明和模糊就可以了...背景透明度和模糊处理另一幅图像

下面是例子: http://codecanyon.net/item/translucent-jquery-banner-rotator-slideshow/801607?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=VF

这滑块有半透明和模糊的说明栏,这是正是我想要的......

我发现这里多了一个例子:http://www.blurjs.com/

但我不希望的JavaScript。如果可以用css3完成,我会爱上它。

我不知道如果该滑块使用javascript或css的?

任何人都知道用css编写类似的东西?感谢您的时间。

+2

真的不明白为什么这么多downvotes ...除了有点无知他的问题似乎并没有违反常见问题 – jammypeach

+2

所有这些演示使用JavaScript的原因。 Upvoted,因为它根本不是一个坏问题! – frenchie

+0

感谢这两个......嗯,那么我会在那种情况下使用blur.js。我没有其他选择。只是认为可能有CSS3的可能性,因为我将使用太多的JavaScripts的方式。 – dvLden

回答

3

您链接的滑块正在使用canvas元素,该元素需要javascript才能操作。

你想要的仅仅用CSS无法实现 - 你需要javascript,但是可能的话,svg可以处理它。然而,我没有足够的svg经验知道。

+0

好的。猜猜那么我将不得不使用jQuery。谢谢 ;) – dvLden