RGBA() IE8

Question

में काम नहीं कर

मैं बस jQuery में RGBA() में गड़बड़ी आईई 8

मैं इस राशि का उपयोग कर अब तक के साथ अटक:

$('.set').click(function (e) { 
     var hiddenSection = $('div.hidden'); 
     hiddenSection.fadeIn() 
     .css({ 'display': 'block' }) 
     .css({ width: $(window).width() + 'px', height: $(window).height() + 'px' }) 
     .css({ top: ($(window).height() - hiddenSection.height())/2 + 'px', 
      left: ($(window).width() - hiddenSection.width())/2 + 'px' 
     }) 
     .css({ 'background-color': 'rgba(0,0,0,0.5)' }) //Problem here in IE8 
     .appendTo('body'); 
     $('span.close').click(function() { $(hiddenSection).fadeOut(); }); 
}); 

यह सब अन्य ब्राउज़रों में काम करता है, डॉन पता नहीं क्यों आईई 8 में विफल रहा है मुझे यह त्रुटि मिली!

Invalid property valuejquery.min.js में।

किसी भी मदद की बहुत सराहना की जाती है!

धन्यवाद

Answer 1

सरल उत्तर: IE8 आरजीबीए गुणों का समर्थन नहीं करता है। यह केवल आरजीबी के बारे में जानता है।

आरजीबीए समर्थन केवल आईई 9 में जोड़ा गया था।

अन्य पुराने ब्राउज़र में भी आरजीबीए के लिए समर्थन नहीं हो सकता है। हालांकि, ऐसे पुराने ब्राउज़र नहीं हैं जो अभी भी IE8 के अलावा अन्य उपयोग में हैं।

• ऐसे CSS3Pie के रूप में एक polyfill का उपयोग करें:

  कुछ तरीके आप इस के आसपास काम कर सकता है। यह आपको अपने सीएसएस में आरजीबीए पृष्ठभूमि रंग निर्दिष्ट करने की अनुमति देगा। आप अभी भी जेएस कोड में इसका उपयोग करने में सक्षम नहीं होंगे क्योंकि आपके पास यह है, लेकिन आप इससे निपटने के लिए कक्षा बदल सकते हैं।

• यह पता लगाने के लिए आधुनिक ब्राउज़र जैसे टूल का उपयोग करें कि ब्राउजर इस सुविधा का समर्थन करता है या नहीं, और यदि यह नहीं करता है तो विभिन्न कार्यक्षमता प्रदान करता है।

• पारदर्शिता प्रभाव प्राप्त करने के लिए IE8 की -ms-filter शैली का उपयोग करें। यह आपको अस्पष्टता सहित विशेष प्रभावों की एक श्रृंखला सेट करने की अनुमति देता है। यह एक गैर मानक आईई सुविधा है, और आईई 9/10 में मानक सीएसएस द्वारा प्रतिस्थापित किया गया है, लेकिन अभी भी पुराने आईई संस्करणों के लिए कुछ मामलों में उपयोगी है।

• अपनी पृष्ठभूमि के रूप में अल्फा चैनल के साथ एक छोटी पीएनजी छवि का उपयोग करें। इन दिनों एक सादे रंग पृष्ठभूमि के लिए पृष्ठभूमि छवि का उपयोग करने के लिए शर्म की बात है, लेकिन यह परिणाम आप सभी ब्राउज़रों में देख रहे परिणाम प्राप्त करेंगे।

Answer 2

आपके पास एक टाइपो है। यह होना चाहिए:

rgba(0,0,0,0.5) 

आप 'ए' भाग खो रहे थे।

हालांकि, मुझे यकीन नहीं है कि IE8 rgba() का समर्थन करता है ... फिर फिर, jQuery के लिए संभवतया एक रैपर है?

सुरक्षित होने के लिए, मैं एक पृष्ठभूमि छवि को पीएनजी प्रारूप में सेट करने की कोशिश करता हूं जिसमें पारदर्शिता है।

.css({ 'background-image': 'http://example.com/myimage.png' }) 

माइकी।

Answer 3

`rgba ie8 द्वारा समर्थित नहीं है।

हालांकि, i में पारदर्शिता के लिए एक चाल है।e8

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000); 

पहले 2 #7F000000 के अंकों अस्पष्टता कर रहे हैं और अगले 6 अंक हेक्सा रंग कोड है।

.css({ 'background-color': 'rgba(0,0,0,0.5)' }) //Problem here in IE8 
.css({'filter' : 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000);'}) //IE Fallback 

सूत्रों का कहना है: http://css-tricks.com/rgba-browser-support/

संपादित करें: के बाद डेरेक हेंडरसन टिप्पणी, मैं कोड नहीं लिखा जाएगा, लेकिन

7f 50% के बराबर

तो अपने कोड की तरह दिखना चाहिए है यदि आप इसे अभी भी जोड़ना चाहते हैं, तो यह केवल IE8 है, तो jQuery.browser

Answer 4

इसके बजाय:

.css({ 'background-color': 'rgba(0,0,0,0.5)' }) 

आप यह कर सकते हैं:

.css({ 'background-color': 'rgb(0,0,0)', 'opacity': '0.5' }) 

यह सभी ब्राउज़रों में काम करेंगे।