Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jquery图像滑块导航选项卡背景图像在IE中未更改_Jquery_Html_Css_Jquery Ui_Slider - Fatal编程技术网

jquery图像滑块导航选项卡背景图像在IE中未更改

jquery图像滑块导航选项卡背景图像在IE中未更改,jquery,html,css,jquery-ui,slider,Jquery,Html,Css,Jquery Ui,Slider,我正在使用jquery图像滑块,其中有3个选项卡,其中包含文本信息,在每个选项卡中,我都提供了不同的背景图像,我希望当一个选项卡具有悬停或活动效果时,它们可以更改为其他图像,它在除IEi在IE7、8、9中测试过的浏览器之外的所有浏览器中都能正常工作。在IE中,当任何选项卡处于活动状态时,其背景图像将更改为tab3 last tab的活动背景图像。如果您需要更多信息,请告诉我。 下面是我的html代码及其css: <div id="featured_slide"> <div

我正在使用jquery图像滑块,其中有3个选项卡,其中包含文本信息,在每个选项卡中,我都提供了不同的背景图像,我希望当一个选项卡具有悬停或活动效果时,它们可以更改为其他图像,它在除IEi在IE7、8、9中测试过的浏览器之外的所有浏览器中都能正常工作。在IE中,当任何选项卡处于活动状态时,其背景图像将更改为tab3 last tab的活动背景图像。如果您需要更多信息,请告诉我。 下面是我的html代码及其css:

<div id="featured_slide">
  <div id="featured_wrap">
   <ul id="featured_tabs">
    <li class="tb1"><a href="#fc1">A<br />
      <span>test message1.</span></a></li>
    <li class="tb2"><a href="#fc2">B<br />
      <span>test message2.</span></a></li>
    <li class="tb3"><a href="#fc3">C<br />
      <span>test message3</span></a></li>        
  </ul>
  <div id="featured_content">
    <div class="featured_box" id="fc1"><img src="images/Main1.png" alt="" />

    </div>
    <div class="featured_box" id="fc2"><img src="images/Main2.png" alt="" />

    </div>
    <div class="featured_box" id="fc3"><img src="images/Main3.png" alt="" />

    </div>

  </div>
</div>

看起来你错过了一个结束。在html的底部添加另一个结束div,看看这是否解决了问题

  <style>
#featured_slide ul#featured_tabs li.last
{
        border-bottom:none;
}

#featured_slide ul#featured_tabs li.tb1
{
    background:url("../images/Slider1.png") top right no-repeat transparent;
}
#featured_slide ul#featured_tabs li.tb2
{
    background:url("../images/Slider2.png") top right no-repeat transparent;
}
#featured_slide ul#featured_tabs li.tb3
{
    background:url("../images/Slider3.png") top right no-repeat transparent;
}


#featured_slide ul#featured_tabs li.tb1 a:hover
{
    background:url("../images/Slider1Active.png") top right no-repeat transparent;
}
#featured_slide ul#featured_tabs li.tb2 a:hover
{
    background:url("../images/Slider2Active.png") top right no-repeat transparent;
}
#featured_slide ul#featured_tabs li.tb3 a:hover
{
    background:url("../images/Slider3Active.png") top right no-repeat transparent;
}


#featured_slide ul#featured_tabs li.tb1.ui-tabs-selected a
{
    background:url("../images/Slider1Active.png") top right no-repeat transparent;  
}
#featured_slide ul#featured_tabs li.tb2.ui-tabs-selected a
{
    background:url("../images/Slider2Active.png") top right no-repeat transparent;
}
#featured_slide ul#featured_tabs li.tb3.ui-tabs-selected a
{
background:url("../images/Slider3Active.png") top right no-repeat transparent;
}   

</style>