छवि मानचित्र क्षेत्र

चारों ओर अवांछित सीमा मैं एक परिपत्र क्षेत्र के साथ एक छवि मानचित्र का उपयोग कर रहा हूँ। समस्या यह है कि मुझे आईई 7 में क्षेत्र के चारों ओर एक अनचाहे सीमा मिलती है। यह सीमा एफएफ और क्रोम में और आईई 8/आईई 9 में भी दिखाई नहीं दे रही है।छवि मानचित्र क्षेत्र

मैं = "0" छवि के लिए सीमा को जोड़ने की कोशिश की, एंकर के लिए सीएसएस गुण

a{ 
border:none !important; 
outline:none !important; 
}

यानी लेकिन काम नहीं किया।

मैं भी आईई फिक्स onFocus = जोड़ने की कोशिश की "कलंक();" टैग में इसने आईई में इस मुद्दे को हल किया लेकिन फिर एफएफ को सीमा मिली। बहुत सी खोज की और इस फिक्स के माध्यम से आया जिसने कहा कि यह आईई फिक्स का उपयोग होने पर एफएफ के लिए इस मुद्दे को ठीक करेगा।

#parent_div *:active, #parent_div *:focus { overflow-x:hidden; outline:none; }

लेकिन दुख की बात यह भी काम नहीं कर सका। मैं एफएफ 9.0.1 का उपयोग कर रहा हूँ।

किसी भी मदद की सराहना की जाएगी। अग्रिम में धन्यवाद।

स्रोत

2012-01-27 Abhidev

866 प्रतिनिधि और 0% स्वीकार किए जाते हैं जवाब ?! क्या आपको इसका समाधान मिला? –

हाँ ... coz कोई समाधान नहीं है। कामकाज के लिए सभी उत्तरों की जांच करें। – Abhidev

img{border:none;}

और इस यानी संस्करणों

<!--[if lte IE 6]> 
<script type="text/javascript"> 
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6. 
{ 

    var arVersion = navigator.appVersion.split("MSIE") 
    var version = parseFloat(arVersion[1]) 
    if ((version >= 5.5) && (document.body.filters)) 
    { 
     for(var i=0; i<document.images.length; i++) 

     { 
     var img = document.images[i] 
     var imgName = img.src.toUpperCase() 
     if (imgName.substring(imgName.length-3, imgName.length) == "PNG") 
     { 
      var imgID = (img.id) ? "id='" + img.id + "' " : "" 

      var imgClass = (img.className) ? "class='" + img.className + "' " : "" 
      var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " 

      var imgStyle = "display:inline-block;" + img.style.cssText 
      if (img.align == "left") imgStyle = "float:left;" + imgStyle 
      if (img.align == "right") imgStyle = "float:right;" + imgStyle 

      if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle 
      var strNewHTML = "<span " + imgID + imgClass + imgTitle 
      + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" 

      + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
      + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
      img.outerHTML = strNewHTML 

      i = i-1 
     } 
     } 
    }  
} 
window.attachEvent("onload", correctPNG); 
</script> 
<![endif]-->

इस आशा यह मदद करता है की कोशिश के लिए ठीक है !!!

स्रोत

2012-01-27 08:05:13 Madhu

ने पहले से ही यह कोशिश की है ... आईई फिक्स के साथ छवि मानचित्र के मामले में मेरे लिए काम नहीं कर रहा है। – Abhidev

यानी 6.0 है ??? ठीक है स्क्रिप्ट को हेडर में रखें ... – Madhu

मुझे लगता है कि आपने जो स्क्रिप्ट दी है वह आईई 6 और नीचे में पीएनजी छवि पारदर्शिता को सही करने के लिए है, जिस समस्या का सामना कर रहा हूं वह छवि मानचित्रों का उपयोग करने से संबंधित है। – Abhidev

खैर इस समस्या को हल करने के लिए एक तरह से ... जो शायद के लिए जाने के लिए एक अच्छा तरीका नहीं है पाया। जे एस ब्राउज़र का पता लगाने का उपयोग करके हम के रूप में (मेरे मामले में एफएफ) इस प्रकार जो अन्य ब्राउजर के लिए समस्याओं का कारण नहीं होगा आईई सुधार लागू कर सकते हैं

if (navigator.userAgent.toLowerCase().indexOf('msie') != -1) { 
    document.getElementsByTagName('area')[0].onfocus = function() {this.blur();}; 
    }

खैर कृपया, अगर किसी को भी एक बेहतर समाधान पाता है तो यहाँ पोस्ट है। धन्यवाद।

स्रोत

2012-02-02 07:04:34 Abhidev

Abhidev, आप सशर्त टिप्पणियों का उपयोग कर सकता है आईई चल रहा है पता लगाने के लिए, और अधिक जानकारी [यहां] (http://www.quirksmode.org/css/condcom.html)। एक उदाहरण के रूप में एक नया जवाब जोड़ने जा रहे हैं। – bdurao

आप सशर्त टिप्पणियाँ (अधिक जानकारी here) + jQuery इस्तेमाल कर सकते हैं।

HTML:

<!-- 
    "old-ie" targets IE7 or less 
    "ie8" targets IE8 
    "ie" targets IE8+ 
--> 

<!--[if lt IE 8]> <html lang="en" class="old-ie"> <![endif]--> 
<!--[if IE 8]> <html lang="en" class="ie ie8"> <![endif]--> 
<!--[if gt IE 8]> <html lang="en" class="ie"> <![endif]--> 
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]--> 

<head> 
... 
</head> 

<body> 
    <a href="#link"> 
     <img src="/img/image.jpg" /> 
    </a> 
</body> 

</html>

jQuery:

// we first check if current browser is IE7 or older, than apply our "hack" 

if (jQuery('html').is('.old-ie') === true) { 
    jQuery('a').focus(function() { jQuery(this).blur(); }); 
}

स्रोत

2012-03-23 17:07:00 bdurao

हाँ निश्चित रूप से हम सशर्त टिप्पणियों का उपयोग कर सकते हैं। :) – Abhidev

यह समाधान है:

onclick="blur()" onfocus="navigator.appName == 'Microsoft Internet Explorer' ? blur() : null"

स्रोत

2012-04-21 12:13:01

मैंने कई लोगों की कोशिश की (सीमा, रूपरेखा, ..) चीजें, और केवल यह काम किया, धन्यवाद –

छवि मानचित्र क्षेत्र

उत्तर

संबंधित मुद्दे