जावास्क्रिप्ट - एक छवि के अल्फा को बदलें

Question

मैं जावास्क्रिप्ट में किसी छवि का अल्फा कैसे बदल सकता हूं? इसके अलावा, कौन से ब्राउज़र इसका समर्थन करते हैं?

Answer 1

jQuery का उपयोग करना:

$(something).css('opacity', 0.5); 

यह हर ब्राउज़र में काम करेंगे।
हालांकि, यह आईई 7 और 8 में सेमी-पारदर्शी पीएनजी छवियों के साथ ठीक से काम नहीं करेगा जब तक वे फ़िल्टर का उपयोग करके लागू नहीं होते हैं।

Answer 2

मुझे नहीं लगता कि आप छवि के अल्फा को बदल सकते हैं, लेकिन आप इसे टैग, या कंटेनर से बदल सकते हैं जिसमें आपने इसे रखा है।

विशेष सीएसएस गुण मैं इस के लिए उपयोग कर रहे हैं:

filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
-khtml-opacity: 0.5; 
opacity: 0.5; 

Answer 3

संपत्ति के नाम opacity है और फिर भी विभिन्न अलग अलग रूपों में, सभी प्रमुख ब्राउज़रों द्वारा समर्थित है - opacity, -moz-opacity (एफएफ पूर्व 2.0 मुझे लगता है कि), filter (आईई) और इतने पर।

jQuery या प्रोटोटाइप जैसे जावास्क्रिप्ट फ्रेमवर्क का उपयोग करने का सबसे आसान तरीका है, उनके पास .opacity() फ़ंक्शन है जो क्विर्क का ख्याल रखता है।