JQuery的週期插件不會在IE8

顯示文本疊加

讓我先說我是怎麼在網頁設計初學者開始，所以我的代碼和網站可能會有點亂（雖然我嘗試做一個乾淨的工作）。JQuery的週期插件不會在IE8

我已經成功添加了JQuery的週期插件到我的網站，該網站在Chrome，火狐看上去很不錯，而在IE9時，我接受的附加組件甚至工程的主頁。但是，當我在IE8上測試它時，沒有要求加載插件，並且它以黑色顯示它以常規字體顯示的文本，由於背景也是黑色，因此無法看到它。

我認爲問題在於某處內IE8和CSS文件，雖然我不能完全肯定。我希望有一個解決這個問題。

jQuery的1.3.1.min.js

這裏是我的代碼：

<div id="data" style="position: absolute; left: -12px; top: 237px; width: 775px; height: 556px; z-index: 11"> 

<div id="layer8" style="position: absolute; left: 13px; top: 3px; width: 760px; height: 456px; z-index: 17"> 

     <div id="gallery"> 
<a href="#" class="show"> 
    <img src="images/intro/Slide_1.jpg" alt="Flowing Rock" width="997" height="532" title="" alt="" rel="<h3intro>Great Neck - A Community of Luxury Homes</h3intro>"/> 
</a> 
<a href="#"> 
    <img src="images/intro/Slide_2.jpg" alt="Grass Blades" width="997" height="532" title="" alt="" rel="<h3intros>SEEK THE BEST</h3intros><h3intro>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;KNOWLEDGE...</h3intro>"/> 
</a> 
<a href="#"> 
    <img src="images/intro/Slide_3.jpg" alt="Ladybug" width="997" height="532" title="" alt="" rel="<h3intros>SEEK THE BEST</h3intros><h3intro>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;INTEGRITY...</h3intro>"/> 
</a> 
<a href="#"> 
    <img src="images/intro/Slide_4.jpg" alt="Lightning" width="997" height="532" title="" alt="" rel="<h3intros>SEEK THE BEST</h3intros><h3intro>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;SERVICE...</h3intro>"/> 
</a> 
<a href="#"> 
    <img src="images/intro/Slide_5.jpg" alt="Lotus" width="997" height="532" title="" alt="" rel="<h3intro>We love what we sell...</h3intro>"/> 
</a> 
<a href="#"> 
    <img src="images/intro/Slide_6.jpg" alt="Mojave" width="997" height="532" title="" alt="" rel="<h3intro>And only sell what we love...</h3intro>"/> 
</a> 
<a href="#"> 
    <img src="images/intro/Slide_7.jpg" alt="Pier" width="997" height="532" title="" alt="" rel="<h3intros>FIND&nbsp;&nbsp;&nbsp;&nbsp;</h3intros><h3intro>JANET ETESSAMI REALTY</h3intro>"/> 
</a> 

      <div class="caption"> 

       <div class="content"> 
       </div> 

      </div> 

     </div> 

     <div class="clear"> 
     </div> 

</div>

通過這個，我可能被定向到正是我應該把哪些代碼任何機會？

來源

2011-07-14 Matt Davids

最近幾個小時我還撞着我的頭靠在牆上，看到了你的帖子。將z-index添加到overlay css元素和幻燈片容器中爲我解決了這個問題。

示例：

爲疊加CSS類添加更高的z-index數字。爲幻燈片的CSS容器使用較低的z索引號。

<style> 
.overlay-css 
{ 
    your css 
    z-index: 4; 
} 
.slideshow { 
    your css 
    z-index: 3; 
} 
</style> 

<div id="slideshow-wrapper"> 
    <div class="overlay-css">This is the text that appears over the slideshow.</div>  
    <div class="slideshow"> 
     <img src="image1.jpg" width="100" height="100" alt="test-1"/> 
     <img src="image2.jpg" width="100" height="100" alt="test-2"/> 
    </div> 
</div>

來源

2011-07-14 06:12:02 user843942

我用附加的代碼更新了我的第一篇文章。 – user843942

JQuery的週期插件不會在IE8

回答

相關問題