आईई

Question

में पीएनजी 8 ब्लैक बॉर्डर मुझे पीएनजी 8 छवियों के साथ आईई में एक समस्या है जिसमें यह मेरे * .png की छाया में एक बड़ी गंदे काले सीमा के साथ दिखाई देता है। (आईई 7, आईई 8)

मैं अल्फाट्रांसपेरेंसी का उपयोग कर रहा हूं और मूल रूप से मेरी छोटी छवि के नीचे छायांकन कर रहा हूं। सभी ब्राउज़रों ने आईई को छोड़कर यह जुर्माना प्रस्तुत किया है जो छायांकन को काले घेरे के रूप में प्रस्तुत करता है?

मुझे छवि "पारदर्शी" की आवश्यकता है क्योंकि यह विभिन्न बहु रंगीन पृष्ठभूमि आदि के शीर्ष पर दिखाई देता है?

कोई विचार?

Answer 1

मैं IE7 में अस्पष्टता के साथ इसी तरह के मुद्दों से पीड़ित हो, IE8 अपने png छवि एक background color जो छवि से बदसूरत सीमाओं को हटा देगा दे आप क्या कर सकते है .... यह मेरे

Answer 2

ठीक लिए काम करता है - समस्या का हल किया। ऐसा लग रहा था कि मेरी जे एस

filter: alpha(opacity=100); 

छवि के लिए

बताए किया गया था और यह है कि क्या के रूप में मैं पहले से ही PNG8 एन्कोडिंग में छवि alphatransparent बनाया था काले निशान प्रकट करने के लिए पैदा कर रहा था है।

Answer 3

मैं उत्तर के लिए धन्यवाद कहना चाहता हूं, और कुछ जोड़ने के लिए। मेरी विशिष्ट उदाहरण में, मैं एक शैली है कि था ओवरराइड करने के लिए की जरूरत:

filter: alpha(opacity=50); 

जोड़ना नीचे कोड मेरी अस्पष्टता सही किया है, लेकिन काले किनारों के मुद्दे कहा:

filter: alpha(opacity=100); 

यह वह जगह है लाइन जिसने मुझे समस्या को हल करके बचाया:

filter: 0; 

मुझे उम्मीद है कि यह किसी और की भी मदद करेगा!

Answer 4

मुझे जवाब देने के लिए मजबूर किया गया है। मैंने अभी भी इस मुद्दे को हल किया है। बस रिकैक करने के लिए, आईई 7 और आईई 8 में, लिंक में पारदर्शी पीएनजी और जीआईएफ छवियों में कभी-कभी काले रंग की सीमा होती है या उनके चारों ओर छाया होती है।

आपको यह सुनिश्चित करने के लिए जांचना होगा कि इन छवियों पर कोई अस्पष्टता फ़िल्टर नहीं है। मैं अस्पष्टता 100 पर मैं

को यह बदला

filter:0; 

धुँधली कड़ी पाठ के लिए भी याद है, तो आप लिंक के लिए एक पृष्ठभूमि रंग निर्दिष्ट करने की आवश्यकता वरना यह फजी और धुँधली हो जाएगा।

आईई की मौत !!

Answer 5

इस एनिमेटेड अस्पष्टता के साथ मेरे लिए काम किया:

img{ 
    background: transparent; 
    -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); 
    zoom: 1; 
} 

Answer 6

वैकल्पिक समाधान के लिए खोज के बाद, मैं जवाब के लिए स्रोत छवियों को लौट गया।

ऐसा लगता है कि 24 बिट .png-files समस्याएं पैदा करती है, लेकिन 8 बिट संस्करण अच्छी तरह से व्यवहार करते हैं। मैंने गहराई से इसका शोध नहीं किया है।वेब & डिवाइस -dialog मदद की मुझे अस्पष्टता एनिमेशन में काला स्ट्रोक से छुटकारा पाने के लिए फ़ोटोशॉप के सहेजें में

ये सेटिंग्स:

पीएनजी -8, चयनात्मक, प्रसार, पारदर्शिता, रंग: 256, मैट: कोई नहीं, कोई पारदर्शीता, इंटरलस्ड और "इंटरनेट मानक आरजीबी" के साथ एसआरबीबी में कनवर्ट करें।

Answer 7

मेरे पास एक पीएनजी के साथ पारदर्शिता के साथ एक ही बात होती है जिसे < ए > तत्व की पृष्ठभूमि-छवि के रूप में सेट किया गया था, जिसमें अस्पष्टता लागू होती है।

फिक्स < ए > तत्व के पृष्ठभूमि-रंग को सेट करना था।

तो, निम्नलिखित:

filter: alpha(opacity=40); 
-moz-opacity: 0.4; 
-khtml-opacity: 0.4; 
opacity: 0.4; 
background-image: ...; 

में बदल जाता है:

/* "Overwritten" by the background-image. However this fixes the IE7 and IE8 PNG-transparency-plus-opacity bug. */ 
background-color: #FFFFFF; 

filter: alpha(opacity=40); 
-moz-opacity: 0.4; 
-khtml-opacity: 0.4; 
opacity: 0.4; 
background-image: ...; 

Answer 8

आप सीएसएस में कर सकते हैं आईई के स्वामित्व को छानने प्रणाली का उपयोग कर खरीदते हैं।

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='pathToYourPNG');

DEMO

आप अपनी पृष्ठभूमि घोषणा में 'पहली' छवि के लिए एक blank.gif उपयोग करने के लिए की आवश्यकता होगी। यह केवल ie8 को भ्रमित करने और इसे आपके द्वारा सेट किए गए फ़िल्टर और पृष्ठभूमि दोनों का उपयोग करने से रोकने के लिए है, और केवल फ़िल्टर का उपयोग करें। अन्य ब्राउज़र कई पृष्ठभूमि छवियों का समर्थन करते हैं और पृष्ठभूमि घोषणा को समझेंगे और फ़िल्टर को समझ नहीं पाएंगे, इसलिए केवल पृष्ठभूमि का उपयोग कर रहे हैं।

आपको जिस तरीके से काम करना है, उसे पाने के लिए आपको फ़िल्टर में साइजिंग विधि के साथ भी खेलना होगा।