当你有图像和内容（div）的时候，jquery easyslider在IE8和IE9上被破解了吗？

我使用easyslider，它在Firefox，IE 7中很好用，但在IE 8/9中，当我有内容和图像时，最奇怪的事情正在发生。背景图片不符合我的内容。当你有图像和内容（div）的时候，jquery easyslider在IE8和IE9上被破解了吗？

所以，如果它具有：

图片1与内容1
图片2与内容2
图片3含量3

一切始终，但在IE9线，我看到：

图片1与内容2
图片2与内容3
图片3与内容1

当我浏览器切换到兼容模式，它再次工作正常，但如果我删除它，然后它可以追溯到这个问题上面。很奇怪。

这里是我的CSS：

<style type="text/css"> 
    .slider-container 
    { 
     width: 639px; 
     overflow: hidden; 
     background: url(http://www.mysite.com/image.png) no-repeat -0px top transparent; 
     height: 291px; 
     padding: 2px 0 0 4px; 
     position: relative; 
    } 
    .slider 
    { 
     width: 639px; 
     height: 271px; 
     overflow: hidden; 
     position: relative; 
     margin-top: 0; 
     margin-left: 0px; 
    } 
    #slider 
    { 
     width: 639px; 
     height: 271px; 
     overflow: hidden; 
     position: relative; 
     margin-top: 0; 
     margin-left: -43px; 
    }

这里是我的html：

<div class="slider-container"> 
    <div id="slider"> 
     <ul class="slider"> 

       <li> 
        <img alt="" id="slide1" src="http://www.internationalnetworksolutions.net/images/1245854909_content_graphic_cost-savings.jpg" style="width: 639px; height: 271px" /> 
        <div class="slider-content"> 
         <p class="title">Title1</p> 
         <p class="text">Text1</a></p> 
        </div> 
       </li> 

       <li> 
        <img alt="" id="slide2" src="http://media.treehugger.com/assets/images/2011/10/20081023-altamont-pass-wind-turbine.jpg" style="width: 639px; height: 271px" /> 
        <div class="slider-content"> 
         <p class="title">Title 2</p> 
         <p class="text">Text 2</a></p> 
        </div> 
       </li> 

       <li> 
        <img alt="" id="slide5" src="http://www.psdgraphics.com/wp-content/uploads/2009/03/world-map-background.jpg" style="width: 639px; height: 271px" /> 
        <div class="slider-content"> 
         <p class="title">Title 3</p> 
         <p class="text">Text 3</a></p> 
        </div> 
       </li> 


     </ul> 
    </div> 
</div>

来源

2012-08-27 leora

您可以在帖子中添加滑块内容样式类吗？谢谢 –

你有没有正确设置DOCTYPE？也许：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">

此外，我觉得这非常有用：

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

还要去掉多余的

</a>

在滑块内容

...

什么，否则是在点背景CSS上的-0px？

来源

2012-08-28 00:03:02 jtheman

在这种情况下会是什么？ – leora

<！DOCTYPE html> lol – Chazt3n

当你有图像和内容（div）的时候，jquery easyslider在IE8和IE9上被破解了吗？

回答

相关问题