दिलचस्प पोस्ट
जावास्क्रिप्ट में आप स्मृति सीमाओं को कैसे पहचान सकते हैं? पंडों से जटिल मानदंडों के साथ चयन करना। डेटाफ़्रेम विंडोज फॉर्म के साथ एमवीसी लागू करना regex.test वीएस string.match पता करने के लिए कि एक स्ट्रिंग एक नियमित अभिव्यक्ति से मेल खाता है इंडेंटेशन त्रुटि: unindent किसी भी बाहरी इंडेंटेशन स्तर से मेल नहीं खाता है वेबएपीआई में डाक डेटा कैसे प्राप्त करें? गैलेक्सी 3 जैसे दूसरे माइक्रो एंड्रॉइड का उपयोग कैसे करें SWIFT – BLE संचार System.in पर एकाधिक स्कैनर ऑब्जेक्ट का उपयोग कैसे करें? अमेज़ॅन एसक्यूएएस के साथ "सटीक एक बार वितरण" व्यवहार को प्राप्त करने के लिए एक अच्छा अभ्यास क्या है? जावा एफएक्स आवेदन से मैं डिफ़ॉल्ट सिस्टम ब्राउज़र कैसे खोल सकता हूं? स्ट्रिंग से एक क्लास का एक उदाहरण बनाएं दो रास्ते / उल्टे नक्शा पीपीएपी अभिभावक वर्ग चर का प्रयोग उपकरण जावा क्लास संस्करण को पढ़ने और प्रदर्शित करने के लिए

आईई 6 पीएनजी पारदर्शिता

पृष्ठभूमि चित्र के लिए मैं IE6 में पीएनजी पारदर्शिता बग कैसे ठीक कर सकता हूं?

Solutions Collecting From Web of "आईई 6 पीएनजी पारदर्शिता"

मुझे कुछ समय पहले डेविड सिली द्वारा लिखा गया यह जावास्क्रिप्ट समाधान पसंद है I यह शिकायत ब्राउज़रों के रास्ते से बाहर हो जाता है और किसी भी बैक-एंड के साथ उपयोग किया जा सकता है। हालांकि यह अभी भी खाली जीआईएफ छवि की आवश्यकता है

इन कार्यों को अपने एचटीएमएल हेडर या अन्य मौजूदा .js में शामिल करें:

<script type="text/javascript"> function fixPngs(){ // Loops through all img tags for (i = 0; i < document.images.length; i++){ var s = document.images[i].src; if (s.indexOf('.png') > 0) // Checks for the .png extension fixPng(s, document.images[i]); } } function fixPng(u, o){ // u = url of the image // o = image object o.src = 'images/spacer.gif'; // Need to give it an image so we don't get the red x o.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + u + "', sizingMethod='scale')"; } </script> 

निम्नलिखित सशर्त टिप्पणी को तल पर रखें (पाद लेख अनुभाग, बस से पहले </ body>):

 <!--[if lte IE 6]> <script language="javascript" type="text/javascript"> //this is a conditional comment that only IE understands. If a user using IE 6 or lower //views this page, the following code will run. Otherwise, it will appear commented out. //it goes after the body tag so it can fire after the page loads. fixPngs(); </script> <![endif]--> 

IE6 विषमताओं के लिए एक अधिक व्यापक दृष्टिकोण के लिए, IE7 जावास्क्रिप्ट लायब्रेरी को आज़माएं

इसका प्रयोग करें: http://www.twinhelix.com/css/iepngfix/

यह IE 5.5 के लिए भी अच्छा है, लेकिन आईई के मैक संस्करणों या आईई के पिछले संस्करण के लिए नहीं।

मैंने इसे बहुत कुछ साइटों पर उपयोग किया है और इसके साथ कोई समस्या नहीं हुई है।

कभी-कभी पीजीएन के आसपास एक बदसूरत ग्रे बॉक्स हो सकता है, जब तक कि स्क्रिप्ट में किक नहीं हो जाता।

PNG व्यवहार का उपयोग करें

ie6.css:

 img { behavior: url("pngbehavior.htc"); } 

page.html:

 <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="ie6.css" /> <![endif]--> 

मैं नेक्रोमंसर बैज के लिए यहां जा रहा हूँ। 🙂

यह बिल्कुल ठीक नहीं है, लेकिन एक आसान कामकाज मैं समय-समय पर किसी भी अतिरिक्त कोड के बिना IE6 पर पारदर्शिता का समर्थन करने के लिए उपयोग कर रहा हूं। यह हमेशा बिल में फिट नहीं होगा, लेकिन अक्सर यह करता है

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

एक नोट – पीएनजी फाइलों में विभिन्न डिस्प्ले डिवाइसेज़ की भरपाई करने के लिए कुछ मूल्य शामिल हैं। ऐसा उद्देश्य हो सकता है कि रंग का स्थान, क्रोमेटिटीज़, गामा, इत्यादि जैसी चीजें हो सकती हैं। ये ये के रूप में खराब नहीं हैं, लेकिन आईई ने उन्हें किसी तरह गलत तरीके से व्याख्या नहीं की, और नतीजा यह हुआ कि पीएनजी को गहराई से दिखाया गया था (या शायद आईई सिर्फ एक ही है जो इसे ठीक से मिला है? मुझे याद नहीं है …)

वैसे भी, यदि आप चाहते हैं कि आपका ब्राउज़र प्रत्येक को अपनी पीएनजी प्रदर्शित करे, तो आपको ऊपर बताए गए उपयोगिता से इन खंडों को हटा देना चाहिए।

Twinhelix png ठीक आपकी मदद करनी चाहिए

उदाहरण के लिए डीन एडवर्ड्स की '77.जेएस

ध्यान रखें कि AlphaImageLoader ट्रांसफ़ॉर्म कर सकता है डेडलॉक आईई 6

नियमित PNG32s के बजाय PNG8s का उपयोग करें आप 256 रंग और 1 बिट अल्फा पारदर्शिता तक ही सीमित हैं, लेकिन यह ब्राउज़र को बेतरतीब ढंग से गतिरोध को धड़कता है।

आप बहादुर हो सकते हैं और बस बता सकते हैं कि आपकी साइट आईई 6 पर अच्छी तरह से रेंडर नहीं कर सकती है। शायद सबसे ज्यादा वाणिज्यिक दिमाग वाला दृष्टिकोण नहीं है, लेकिन हम सभी को एक एहसान (यहां तक ​​कि माइक्रोसॉफ्ट) करना चाहते हैं अगर हम सिर्फ आईई 6 को मर देते हैं बेशक आईई 6 के साथ कॉर्पोरेट मशीनों पर बड़ी मात्रा में ऑनलाइन गतिविधि होती है, जो वास्तव में जल्द ही होने वाली नहीं है। 🙁

1. अपने दस्तावेज़ के सिर ब्लॉक के अंदर IE6 के लिए सशर्त सीएसएस:

 <!--[if (IE 6)]> <link rel="stylesheet" type="text/css" href="locationOfyourCss/ie6.css"/> <![endif]--> 

2. अपने तत्व में कक्षा नाम दें:

 <td class = yourClassName> 

3. IE6.css में, फ़िल्टर लागू करें। आपको चौड़ाई और ऊंचाई निर्दिष्ट करना है Clear.cache.gif को पृष्ठभूमि छवि सेट करें, फ़िल्टर उन गुणों के बिना काम नहीं करता है:

 .yourClassName{ width:8px; height:22px; background: url("locationOfBlankImage/clear.cache.gif"); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='filePath/imageName.png', sizingMethod='scale'); } 

मैं जिस प्रोजेक्ट पर काम कर रहा हूं, मैं पॉल आयरिश की HTML5 बॉयलरप्लेट से क्यू ले रहा हूं और पूरे पृष्ठ पर सशर्त शैली निर्दिष्ट कर रहा हूं। वह यहां विस्तार में जाता है , लेकिन संक्षेप में, यह विचार आपके साइट पर प्रत्येक पृष्ठ के HTML में सशर्त जांच जोड़ना है, जो शरीर टैग पर लागू होता है। इस तरह:

 <!--[if lt IE 7 ]> <body class="ie6 pageStyle"> <![endif]--> <!--[if IE 7 ]> <body class="ie7 pageStyle"> <![endif]--> <!--[if IE 8 ]> <body class="ie8 pageStyle"> <![endif]--> <!--[if IE 9 ]> <body class="ie9 pageStyle"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <body class="pageStyle"> <!--<![endif]--> 

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

 .someStyle { background: url(/images/someFile.png) no-repeat; background-position: -0px -280px; } .ie6 .someStyle { background: url(/images/someFile.gif) no-repeat; background-position: -0px -280px; } 

जीआईआई को अपने यानी 6 उपयोगकर्ताओं को खिलाकर, कोई सीपीयू हॉगिंग वर्कअराउंड प्रक्रिया नहीं है, जो कि वास्तव में एक बहुत बड़ा मुद्दा है यदि आपने कभी पीओएस मशीन की तरह चलने की संभावना है यानी 6। और, मैंने अच्छे ब्राउज़रों के साथ अपने अच्छे उपयोगकर्ताओं के लिए किसी भी गुणवत्ता को नहीं छोड़ा है।

इसमें दो अलग-अलग फाइलों की आवश्यकता होती है, लेकिन मुझे लगता है कि यह सबसे ज्यादा क्लीनर कार्यान्वयन है साथ ही, .i6.css फ़ाइल का उपयोग करते हुए, एक अलग ie6.css फ़ाइल के बजाय, जो आपके द्वारा लागू की जाने वाली शैलियों के ठीक बाद में आपके फ़िक्सेस को रखता है, जो मुझे क्लीनर और उपयोग में आसान लगता है। यह आपको अपने डिजाइन को खत्म करने और फिर हॉरर में वापस देखने के बजाय यानी 6 उपयोगकर्ताओं को जाने पर विचार करने के लिए प्रोत्साहित करता है

यह इस समस्या के बारे में एक महान लेख है संक्षेप में, यह एक जेएस लाइब्रेरी जिसे SuperSleight कहा जाता है प्रदान करता है। मैंने इसे अतीत में अच्छी सफलता के साथ प्रयोग किया है

ठीक है, मैं वास्तव में html / js पर नया हूँ, लेकिन मुझे लगता है कि मुझे दो समस्याओं को ठीक करने के लिए रोब एलन का जवाब थोड़ा बदलना होगा:

  1. AlphaImageLoader () मेरी छवियों का पहलू अनुपात बदल रहा था इसलिए छवियों को लोड किए जाने के बाद मुझे मूल आकार को पुनर्स्थापित करने की आवश्यकता थी I
  2. fixpngs (), अगर html के अंत से कहा जाता है, दस्तावेज़ को लोड किए जाने के बाद बुलाया जा रहा था, लेकिन सभी छवियों को लोड किए जाने से पहले।

इसलिए मैंने एक इवेंट संलग्न करने के लिए मेरे फिक्स्ड पीएनजी () को बदल दिया है:

 function fixPngs() { // Loops through all img tags for(i = 0; i < document.images.length; i++) { var u = document.images[i].src; var o = document.images[i]; if(u.indexOf('.png') > 0) { o.attachEvent('onload', fixPng); o.src = u; } } } 

fixpngs () अभी भी html के अंत से कहा जा रहा है:

 <!--[if lte IE 6]> <script language="javascript" type="text/javascript"> // Do this after the page loads fixPngs(); </script> <![endif]--> 

और fixPng () अब कॉलर fetches, घटना detaches, मूल आयाम बचाता है, AlphaImageLoader () कॉल और अंत में आयाम पुनर्स्थापित:

 // u = url of the image // o = image object function fixPng(e) { var caller = e.target || e.srcElement || window.event.target || window.event.srcElement; var u = caller.src; var o = caller; if(!o || !u) return; // Detach event so is not triggered by the AlphaImageLoader o.detachEvent('onload', fixPng); // Save original sizes var oldw = o.clientWidth; var oldh = o.clientHeight; // Need to give it an image so we don't get the red x o.src = 'images/spacer.gif'; o.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ u +"', sizingMethod='scale')"; // Restore original sizes if(o.style) { o.style.width = oldw +"px"; o.style.height = oldh +"px"; } } 

क्या मैंने इसे बढ़ा दिया है?