html - IE6 PNG Replace: How to make a nested <a> clickable? -

इस प्रश्न के प्रयोजनों के लिए, इस पर विचार करें:

  & lt; div class = " has_transparent_png "& gt; & Lt; a href = "foo.html" & gt; & LT; अवधि & gt; & Lt; img src = "logo.jpg" / & gt; & Lt; / span & gt; & Lt; / a & gt; & Lt; / div & gt;  

समस्या: आईई 6 में, & lt; ए & gt; क्लिक करने योग्य नहीं है मैं इसे पीएनजी की जगह ले रहा हूं:

  .has_transparent_png {पृष्ठभूमि-छवि: url (images / transparentpng.png); } * Html .has_transparent_png {व्यवहार: अभिव्यक्ति ((this.runtimeStyle.behavior = "none") & amp; amp; amp; & amp; amp; amp; & amp; amp; amp; & amp; amp; amp;; this.pngSet = true: (this.nodeName == "आईएमजी" & amp; .src.toLowerCase ()। IndexOf ('.png')> gt; -1 (यह.रंटाइम शैली। बैकग्राउंड इमेज = "कोई नहीं", this.runtimeStyle.filter = "प्रोगिड: DXImageTransform.Microsoft.AlphaImageLoader (src = '" + यह.src + "', sizingMethod =' image ')", यह.src = "images / spacer.gif") :( this.origBg = this.origBg? This.origBg: this.currentStyle.backgroundImage.toString () ('' '', '') .replace ('') ',' '), यह.रंटिमेस्टाइल.फिलटर = "प्रोज़िड: डीएक्सआईमेजट्रांसफ़ॉर्म। माइक्रोसॉफ्ट। एल्फा आईमेजलोडर (src ='" + this.origBg + "' , SizingMethod = 'फसल') ", this.runtimeStyle.backgroundImage =" none ")), this.pngSet = true)); }  

मैं & lt; a & gt; क्लिक करने योग्य कैसे बना सकता हूं? मेरे पास HTML पर कोई नियंत्रण नहीं है केवल सीएसएस अग्रिम धन्यवाद।

निश्चित नहीं है कि यह मदद करता है, लेकिन ऐसा लगता है कि आपका DOM संरचना IE6 पर एक पारदर्शी छवि को ठीक करने के लिए आप इस तरह एक स्क्रिप्ट का उपयोग करते हुए छवियों पर पारदर्शिता को ठीक करने के लिए विशिष्ट आईडी पर एक जेएस फ़ंक्शन चला सकते हैं:

अपने पृष्ठ के निचले भाग में ऐसा कुछ करें:

DD_belatedPNG.fix (' #imgThatNeedsFix ');

उम्मीद है कि मदद करता है।