幻燈片和字幕在IE中不起作用

恐怕我的編碼知識非常基礎，而且我在爲客戶的網站上工作時遇到問題。基本上我使用slideshow，我發現只有在出於某種原因不包括< doctype ! html >時纔有效。幻燈片和字幕在IE中不起作用

我也添加了captions，它在Chrome和Firefox上運行良好，但是在IE上它們根本不會顯示，除非文檔類型在那裏。但是，然後幻燈片開始滾動而不是！

我試圖找到一個解決方案，我可以同時獲得箭頭控制的幻燈片和標題，在IE上工作。我對jQuery的瞭解幾乎沒有。請幫忙！

2013-07-11 Anoushka

您是否下載了該文件？

你確定你把這段代碼？

figure { 
    display: block; 
    position: relative; 
    float: left; 
    overflow: hidden; 
    margin: 0 20px 20px 0; 
} 
figcaption { 
    position: absolute; 
    background: black; 
    background: rgba(0,0,0,0.75); 
    color: white; 
    padding: 10px 20px; 
    opacity: 0; 
    -webkit-transition: all 0.6s ease;<!--this is what make it works in safari/chrome--> 
    -moz-transition: all 0.6s ease;<!--this is what make it works in mozila--> 
    -o-transition:  all 0.6s ease;<!--this is what make it works in opera--> 
} 
figure:hover figcaption { 
    opacity: 1; 
} 
figure:before { 
    content: "?"; 
    position: absolute; 
    font-weight: 800; 
    background: black; 
    background: rgba(255,255,255,0.75); 
    text-shadow: 0 0 5px white; 
    color: black; 
    width: 24px; 
    height: 24px; 
    -webkit-border-radius: 12px;<!--this is what makes it works safari/chrome--> 
    -moz-border-radius: 12px;<!--this is what make it works in mozila--> 
    border-radius:   12px; 
    text-align: center; 
    font-size: 14px; 
    line-height: 24px; 
    -moz-transition: all 0.6s ease; 
    opacity: 0.75; 
}

來源

2013-07-11 09:54:34 WaZZe

我的編碼是數字顯示：inline-block; 位置：相對; 溢出：隱藏; } figcaption { position：absolute; background：rgba（0,20,40,0.60）; 顏色：白色; padding：10px 20px; } figcaption { position：absolute; background：rgba（0,20,40,0.60）; 顏色：白色; padding：10px 20px; 不透明度：0; bottom：0; left：-30; -webkit-transition：全部0.6s易用; -moz-transition：全部0.6s易用; -o-transition：全部0.6s緩解; } figure：hover figcaption不透明度：1; left：0; } – Anoushka

續.. .cap-bot figcaption {left：0;底部：-30;} .cap-bot：hover figcaption {bottom：0; } 瞥了一眼它看起來差不多，只是我沒有包括問號編碼。 – Anoushka

我發現這個問題所有你需要做的就是把CSS中 HTML頁面篩選

<head> 
<style type="text/css"> 
all the css 
</style> 
</head> 

<body> 
your code 
</body>

正常，只是在HTML頁面的CSS，即時通訊相當舒爾說將工作

來源

2013-07-11 10:55:03 WaZZe

該CSS已經在頁面的主體，仍然沒有運氣:( – Anoushka

在身體？我的意思是頭... – WaZZe

是啊，這就是我的意思對不起，我的大腦是如此疲憊 – Anoushka

幻燈片和字幕在IE中不起作用

回答

相關問題