透明PNG vs CSS不透明vs jQuery fadeTo（）;

所以我一直在研究，並試圖找到最好的選擇是什麼，以及在所有瀏覽器中哪種效果最好。所以我提出的三個選項是Transparent PNG，CSS Opacity或jQuery fadeTo（）;.透明PNG vs CSS不透明vs jQuery fadeTo（）;

有什麼想法是最好的方法嗎？謝謝！

來源

2010-10-14 Marc

你到底想要實現什麼？（具體而言;顯然它與透明的外觀有關，但它有助於瞭解上下文） – 2010-10-14 15:49:10

正如meder暗示它可能會因不同的應用而不同。

對於需要真實陰影的任何事物，或者需要「複雜」透明度的任何事物（例如徽標），透明PNG都是最佳選擇。

CSS透明度應該用於簡單/「塊」透明度。例如：如果你想製作一個稍微透明的「彈出」窗口。因爲整個塊只需要通過它的好處來顯示一些背景。它也可以用於動畫淡化效果...

但是......所有動畫都應該使用jquery來說實話。無論如何，你將不得不使用JavaScript，而像jquery的淡入淡出功能是跨瀏覽器兼容和可靠/可靠的代碼。

它只是取決於你自己的具體需求。

來源

2010-10-14 15:53:36

聽起來不錯。非常感謝。我見過不少人使用1px x 1px透明顏色png作爲背景。而不是我應該使用CSS？ – Marc 2010-10-14 16:15:18

他們將這樣做的原因是因爲並非所有的顏色都是「網頁顏色」。它可能是一個好主意。您使用的一些HEX代碼將不會被所有瀏覽器和所有操作系統支持。對於顏色的連續性，你應該使用特定的彩色圖片。（在Photoshop中，當你選擇一種顏色時，右邊的小圖標會告訴你它不是Web顏色）。在實踐中，它並不重要，在我工作的地方我們不這樣做，所以如果你喜歡使用CSS，那應該沒問題。 – 2010-10-15 08:23:26

你要做的任何「過渡」衰落絕對需要JavaScript。所以堅持使用jQuery。如果你需要永久半透明的東西，那麼你可能想要一起避免使用JavaScript（以取悅非JS用戶）。

現在歸結爲實施。

如果您將圖像淡入背景中，請在徽標上使用陰影等。請使用PNG。

如果你正在做任何與文本或樣式（html元素）..使用CSS。這就像一個半透明的模式窗口等。

來源

2010-10-14 15:50:21

透明PNG vs CSS不透明vs jQuery fadeTo（）;

回答

相關問題