आईई 6 पृष्ठभूमि-स्थिति (?) समस्या

मैं अपने अंतिम उपाय के रूप में स्टैक ओवरफ्लो पर लागू होता हूं। लिंक की पृष्ठभूमि में छवि का उपयोग करते समय मुझे यह यानी 6 बग मिला। ऐसा लगता है कि यानी 6 पृष्ठभूमि पृष्ठभूमि को स्क्रॉल करता है। मैं इससे कैसे बच सकता हूं?आईई 6 पृष्ठभूमि-स्थिति (?) समस्या

कुछ पर चौड़ाई इसे इस तरह पता चलता है:
alt text http://img135.imageshack.us/img135/8849/badie1.png

और कुछ अन्य में ऐसा पता चलता है:
alt text http://img522.imageshack.us/img522/8180/badie2.png

IE7 & एफएफ शो यह सिर्फ है कि मैं उम्मीद:
alt text http://img142.imageshack.us/img142/2296/goodie.png
लिंक div के अंदर रखा गया है जो दाईं ओर तैर रहा है।

<a href="/tr" class="menuLink" style="background-image:url(/img/tr.png);">TR</a> 
<a href="/eng" class="menuLink" style="background-image:url(/img/eng.png); margin-right:30px;">ENG</a> 
<a href="/logout" class="menuLink" style="background-image:url(/img/logout.png);"><?=$ui["exit"];?></a> 

    .menuLink { 
    font-family:"Tahoma"; 
    font-size:11px; 
    color:#003300; 
    text-decoration:underline; 
    font-weight: bold; 
    background-position:0% 50%; 
    background-repeat:no-repeat; 
    } 
    .menuLink:hover { 
    font-size:11px; 
    color:#047307; 
    text-decoration:underline; 
    font-weight: bold; 
    }

कोई संकेत मैं इससे कैसे बच सकता हूं?

स्रोत

2009-04-18 turezky

इसी प्रकार का प्रश्न: http://stackoverflow.com/questions/594870/fix-for-background-position-in-ie –

तत्वों की शैली में "ज़ूम: 1'" जोड़ने का प्रयास करें - आईई में हैलोआउट कुछ अजीब बग का कारण बनता है http://www.satzansatz.de/cssd/onhavinglayout.html।मैंने कोशिश नहीं की है, लेकिन यह पहली चीजों में से एक है जब मैं इस तरह की चीजें डीबग करते समय कोशिश करता हूं क्योंकि यह अक्सर पृष्ठभूमि के – cryo

मैं एक समाधान है कि IE6 के लिए काम करता है और Conditional Comments का उपयोग IE7, एफएफ, आदि के लिए अन्य उचित संस्करणों को फिल्टर करने की मैं भी IE6 के लिए background-position (reference) में percents का उपयोग करने से बचने होगा।

स्रोत

2009-04-18 16:35:15

के तरीके को बदलता है, मैंने इसके बजाय background-position:center left; का उपयोग करने की कोशिश की। यह वही दिखाता है। तो मुझे सशर्त रूप से क्या टिप्पणी करनी चाहिए ... – turezky

एक पिक्सेल मान का उपयोग करने का प्रयास करें क्योंकि आप जो कुछ भी कर रहे हैं वह पिक्सेल हैं। –

प्रतिशत पिक्सेल में बदलना या तो काम नहीं करता है :( – turezky

बदलें

background-position:0% 50%;

background-position:50% 50%;

करने और

background-repeat: no-repeat;

जोड़ने यह horizontially के साथ-साथ खड़ी छवि केंद्र और खपरैल से छवि बंद हो जाएगा।

स्रोत

2009-04-21 12:38:45

यदि मैं ऐसा करता हूं, तो मेरी छवि टेक्स्ट के पीछे जाती है :(और वहां केंद्र हैं, मुझे पाठ से पहले छवियों की आवश्यकता है ... – turezky

मैं बस इस समस्या में खुद भाग गया और मैंने पाया कि पृष्ठभूमि छवि के साथ तत्व पर overflow:hidden का उपयोग करके मेरी कई आई 6 समस्याएं हल हुईं (हालांकि सभी नहीं)।

स्रोत

2009-05-04 07:51:10 VirtuosiMedia

क्या यह इस विशेष समस्या को हल करता है? :) – turezky

इसे मेरे लिए हल किया गया! – strongriley

रूप a somewhat related question करने के लिए this answer में सलाह दी है, मैं background-position-x और background-position-y बजाय IE (पूर्व IE8) के लिए background-position का उपयोग कर सलाह देते हैं।

स्रोत

2009-05-14 17:47:41

दुर्भाग्यवश, यह काम नहीं करता है :( – turezky

आप किसी भी * i6 .png फिक्स्ड के साथ पृष्ठभूमि-स्थिति का उपयोग नहीं कर सकते हैं, यह छवि छवि को एक gif या 8-bit png बनाने के लिए है।

* कोई भी है कि मैं का उपयोग करें/

स्रोत

2010-04-14 11:20:31 Scott

http: //www.dillerdesign .com/प्रयोग/डीडी_बेलेटेड पीएनजी/- पृष्ठभूमि की स्थिति रखता है। यह सबसे अच्छा पीएनजी फिक्स आईएमओ है। लेकिन मुझे लगता है कि पीएनजी फिक्स पृष्ठभूमि की स्थिति को भी मार रहा है। – Mig

@ एमआईजी मैंने एचटीसी फाइल फिक्स [लिंक] (http) : //www.twinhelix.com/css/iepngfix/) जो पृष्ठभूमि की स्थिति नहीं रखता है। DD_belatedPNG रहता है। – Harish

मैं एम प्राप्त करने में सक्षम था वाई 32-बिट पीएनजी पूरी तरह ओवरफ्लो का उपयोग करके लाइन अप करने के लिए: ऊपर अनुशंसित के रूप में छिपा हुआ है। – strongriley

की कोशिश की आप पृष्ठभूमि छवियों और background-positioning के साथ अपने तत्व में padding-top या padding-bottom है - IE6 में आप अपने padding-top: 16px;margin-top: 16px; को बदल सकते हैं और यह समस्या ठीक हो जाती।

यह अन्य तत्वों को दूर नहीं करता है और अब पैडिंग को दोगुना करता है।
अन्यथा, आई 7 और आईई 8 में पैडिंग विशेषता काम करती है।

स्रोत

2010-10-17 11:51:18 Steve

आईई 6 पृष्ठभूमि-स्थिति (?) समस्या

उत्तर

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