所以我一直在研究并试图找到最好的选择,什么在所有浏览器中最有效。所以我提出的三个选项是透明PNG,CSS不透明度或jQuery fadeTo();。
对什么是最佳方式的任何想法?谢谢!
答案 0 :(得分:1)
你要做的任何“过渡”褪色绝对需要JavaScript。所以坚持使用jQuery。如果你需要永久半透明的东西,那么你可能想要一起避免使用JavaScript(以取悦非JS用户)。
现在归结为实施。
如果您正在将图像淡入背景,使用徽标上的阴影等,请使用PNG。
如果您正在使用文本或样式(html元素)进行任何操作..请使用CSS。这就像是一个半透明的模态窗口等等。
答案 1 :(得分:0)
正如meder所暗示的那样,对于不同的应用程序可能会有所不同。
透明的PNG最适合您需要逼真阴影的任何物品,或者您需要“复杂”的透明度 - 例如徽标。
CSS透明度应该用于简单/“阻止”透明度。例如:如果你想制作一个略微透明的“弹出窗口”窗口。因为整个块只需要通过其罚款显示一些背景。它也可用于动画褪色效果...
但是......所有动画应该使用jquery来说实话。无论如何你将不得不使用javascript,而像jquery的淡入淡出函数这样的东西是跨浏览器兼容和经过验证的/可靠的代码。
这取决于您自己的特定需求。