Css ओवरले तत्व अदृश्य

Question

देखें नहीं: http://schhh.dk/frivilligraadet/

तल पर वीडियो के साथ बॉक्स हैं, IE8 में, दिखाया गया के रूप में समस्या: http://jsfiddle.net/q5T8Y/7/

.view-youtube-videoer .views-field-field-video .ytb-play { 
    position: absolute; 
    display: block; 
    width: 230px; 
    height: 128px; 
    background: transparent url('http://schhh.dk/frivilligraadet/sites/all/themes/frivilligraadet/images/play.png') no-repeat 50% 50%; 
    opacity: 0.7; 
    filter:alpha(opacity=70); 
} 

Answer 1

यह है क्योंकि आप "चौड़ाई" और निर्धारित करने की आवश्यकता है: span.ytb-वीडियो अपने मामले चौड़ाई में के लिए "प्रदर्शन ब्लॉक" होना चाहिए 230px

http://screencast.com/t/U2QPWvszGN

Answer 2

पारदर्शिता एक IE मुझे डर लग रहा साथ एक मुद्दा है। विन्यास और संकेत इस लिंक में आपकी सहायता कर सकते हैं: http://www.jacklmoore.com/notes/ie-transparency-problems

Answer 3

इसे देव उपकरण में देखकर, किसी कारण से फ़िल्टर नियम और चौड़ाई नियम एक में संयोजन कर रहे हैं। भले ही वे अर्धविराम से अलग हो जाएं (स्क्रीनशॉट देखें), शायद संयोजन "टूटा हुआ" है। और यही कारण है कि तत्व की कोई चौड़ाई नहीं है।

सीएसएस से मैं तुरंत नहीं बता सकता कि क्यों IE8 उन्हें इस तरह व्याख्या कर रहा है - वे फ़ाइल में लगातार भी नहीं हैं! शायद यह देखने के लिए कि क्या इससे कोई फर्क पड़ता है, फिर से उन्हें फिर से व्यवस्थित करने का प्रयास करें। या यह

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 

IE8 के लिए बेहतर संस्करण वैसे भी है जो करने के लिए बदल जाते हैं।