문제

can you tell me where's the problem with my code in IE?

http://dv-projects.bluefile.cz/huno/

Slideshow does not work. Seems like a problem with CSS.

http://i44.tinypic.com/2q9exk4.png

IE version: 11.0.2

HTML:

<div class="slider-wrapper">
            <article class="slider">
                <div class="slide-1">
                    <div class="slider-image"></div>
                    <div class="slider-info">
                        <h2>Nový produkt v nabídce</h2>
                        <p>Lorem ipsum...
                        </p>
                    </div>
                    <a href="#" class="slider-button"></a>
                </div>
                <div class="slide-2">
                    <div class="slider-image"></div>
                    <div class="slider-info">
                        <h2>Novinka na trhu!</h2>
                        <p>Lorem ipsum...
                        </p>
                    </div>
                    <a href="#" class="slider-button"></a>
                </div>
                <div class="slide-3">
                    <div class="slider-image"></div>
                    <div class="slider-info">
                        <h2>Kvalita a spolehlivost zaručena</h2>
                        <p>Lorem ipsum...
                        </p>
                    </div>
                </div>
                <div class="slider-radio-buttons">
                    <div class="on slide1"></div>
                    <div class="off slide2"></div>
                    <div class="off slide3"></div>
                </div>
            </article>
        </div>

Thanks

도움이 되었습니까?

해결책

Absolutely positioned elements aren't affected by the parents opacity being set to 0. In order to resolve this, set the opacity on the children to "inherit":

.slider-image, 
.slider-info {
    opacity: inherit;
}

This appears to have resolved the issue for me in IE11.

As was pointed out in the comments above, your document is getting loaded into Quirks mode in some older versions of Internet Explorer. It appears to be the result of the Mark of the Web:

<!-- saved from url=(0014)about:internet -->

This should go below your Doctype, as demonstrated in the linked documentation:

<!DOCTYPE html>
<!-- saved from url=(0014)about:internet -->
<html>
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top