透明PNG与CSS Opacity vs jQuery fadeTo();

时间:2010-10-14 15:48:10

标签: jquery css

所以我一直在研究并试图找到最好的选择,什么在所有浏览器中最有效。所以我提出的三个选项是透明PNG,CSS不透明度或jQuery fadeTo();。

对什么是最佳方式的任何想法?谢谢!

2 个答案:

答案 0 :(得分:1)

你要做的任何“过渡”褪色绝对需要JavaScript。所以坚持使用jQuery。如果你需要永久半透明的东西,那么你可能想要一起避免使用JavaScript(以取悦非JS用户)。

现在归结为实施。

如果您正在将图像淡入背景,使用徽标上的阴影等,请使用PNG。

如果您正在使用文本或样式(html元素)进行任何操作..请使用CSS。这就像是一个半透明的模态窗口等等。

答案 1 :(得分:0)

正如meder所暗示的那样,对于不同的应用程序可能会有所不同。

透明的PNG最适合您需要逼真阴影的任何物品,或者您需要“复杂”的透明度 - 例如徽标。

CSS透明度应该用于简单/“阻止”透明度。例如:如果你想制作一个略微透明的“弹出窗口”窗口。因为整个块只需要通过其罚款显示一些背景。它也可用于动画褪色效果...

但是......所有动画应该使用jquery来说实话。无论如何你将不得不使用javascript,而像jquery的淡入淡出函数这样的东西是跨浏览器兼容和经过验证的/可靠的代码。

这取决于您自己的特定需求。