对文本容器的奇怪的背景颜色在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：

<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

我认为问题可能是清晰的。

了解jCycle如何修复它here。