在IE中破碎的幻燈片

-3

你能告訴我我的代碼在IE中的問題在哪裏？在IE中破碎的幻燈片

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

幻燈片不起作用。看起來像一個CSS的問題。

IE版本：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>

由於

來源

2014-01-13 DesVal

不喜歡你的網站。在這裏發佈你的代碼。它完美的工作，你只是忘了在你的CSS中使用跨瀏覽器不透明。 – putvande

請分享您遇到問題的IE版本;舊版本的IE與現代版本完全不同。 – Sampson

從你的HTML'<！ - 從url =（0014）保存：about - >' –

絕對定位的元件並不受家長不透明度被設爲0。在爲了解決這個問題，將孩子的不透明度設置爲「繼承」：

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

這似乎已經解決了我在IE11中的問題。

正如以上評論中指出的那樣，在某些較早版本的Internet Explorer中，您的文檔正在加載到Quirks模式。這似乎是Mark of the Web的結果：

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

這應該下面您的文檔類型，如鏈接的文檔證明：

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

來源

2014-01-13 13:42:06 Sampson

是的，就是這樣！非常感謝。 :) – DesVal

在IE中破碎的幻燈片

回答

相關問題