html - IE 中文本容器的奇怪背景颜色

Question

我制作了一个简单的图片幻灯片，下面的文字随着相关图片的变化而变化。这似乎在除 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>

Answer 1

我认为问题可能是 cleartype。

查看 jCycle 如何修复它 here .