0

我制作了一个简单的图像幻灯片，其下方的文本随相关图像而变化。这似乎在除 IE8 之外的所有浏览器上都可以正常工作，文本似乎得到了一个奇怪的灰色背景颜色应用于文本，尽管它没有应用背景颜色或任何背景图像。

html和css如下：

HTML：

 <div id="slideshowContainer">
   <div class="slideshow"> 
      <img src="images/01.png" width="800" height="560" /> 
      <img src="images/02.png" width="800" height="560" />                         
   </div>

   <div class="info">
       <h5> This is text 1 </h5>
       <h5> This is text 2 </h5>
   </div>

   <ul id="nav">
       <li id="prev"><a href="#">Previous</a></li>
       <li id="next"><a href="#">Next</a></li>
   </ul> 
</div>

CSS：

.info {
list-style-type:none; z-index:150;  top:100px;  left:40px; width:300px;   height:200px;  }

脚本：

<script type="text/javascript">
$(document).ready(function() {  
      $('.slideshow').cycle({fx: 'fade',    pause: 1,  prev: '#prev',   next: '#next'});
        $('.info').cycle({fx:'fade', speed:  10 , prev: '#prev', next: '#next'});
        $('.info').cycle({cleartypeNoBg: true});
});
</script>
4

1 回答 1

0

我认为问题可能是cleartype。

在这里查看 jCycle 如何修复它。

于 2013-07-02T17:37:11.280 回答