css悬停在IE 8中

无法得到这个工作在IE浏览器，但作品完美的Firefox，这是由于我写我的CSS的方式吗？css悬停在IE 8中

感谢

CSS

.theme-default .nivo-directionNav a { 
    display:block; 
    width:26px; 
    height:23px; 
    background: url(../images/arrows-3.png) no-repeat; 
    text-indent:-9999px; 
    border:0; 
} 

.theme-default .nivo-directionNav a:hover { 
    display:block; 
    width:26px; 
    height:23px; 
    background: url(../images/arrows-over-1.png) no-repeat; 
    text-indent:-9999px; 
    border:0; 
}

的Javascript

//Add Direction nav 
if(settings.directionNav){ 
    slider.append(
     '<div class="nivo-directionNav"> 
      <a class="nivo-prevNav">'+ settings.prevText +'</a> 
      <a class="nivo-nextNav">'+ settings.nextText +'</a> 
     </div>' 
    ); 
    //Hide Direction nav 
    if(settings.directionNavHide){ 
     $('.nivo-directionNav', slider).hide(); 
     slider.hover(function(){ 
      $('.nivo-directionNav', slider).show(); 
     }, 
     function(){ 
      $('.nivo-directionNav', slider).hide(); 
     }); 
    }

来源

2012-01-30 Rifki

发布您的HTML标记。说明它现在如何显示以及它应该如何显示。此外，删除'在此处输入代码' – Jawad 2012-01-30 10:50:35

您不必重复自己，您的'：hover'规则只需要更改后的背景，剩下的将从您先前的规则中应用。 – MMM 2012-01-30 10:55:10

嗨这适用于Javascript代码，所以它不在HTML – Rifki 2012-01-30 10:57:15

没有理由这不应该在IE 8，也许你的图像路径工作是不正确的。另外你不需要重复porperties：徘徊becouse一切都是从一个标签。

尝试backgroundcolor，我认为它会工作。搞清楚你的问题与背景图像，如果这个工程（上悬停状态红色背景色）：

.theme-default .nivo-directionNav a { 
    display:block; 
    width:26px; 
    height:23px; 
    background: url(../images/arrows-3.png) no-repeat; 
    text-indent:-9999px; 
    border:0; 
} 

.theme-default .nivo-directionNav a:hover { 
    background: url(../images/arrows-over-1.png) no-repeat 0 0 #FF0000; 
}

来源

2012-01-30 13:26:28 ggzone

对于超出人的理解IE8的原因（可能是IE也与其他版本）不适用:hover状态，除非一个链接有一个关联的href属性。

这可以通过更换得到纠正：

//Add Direction nav 
if(settings.directionNav){ 
    slider.append(
     '<div class="nivo-directionNav"> 
      <a class="nivo-prevNav">'+ settings.prevText +'</a> 
      <a class="nivo-nextNav">'+ settings.nextText +'</a> 
     </div>' 
    ); 
    //Hide Direction nav 
    if(settings.directionNavHide){ 
     $('.nivo-directionNav', slider).hide(); 
     slider.hover(function(){ 
      $('.nivo-directionNav', slider).show(); 
     }, 
     function(){ 
      $('.nivo-directionNav', slider).hide(); 
     }); 
}

与

//Add Direction nav 
if(settings.directionNav){ 
    slider.append(
     '<div class="nivo-directionNav"> 
      <a class="nivo-prevNav" href="#">'+ settings.prevText +'</a> 
      <a class="nivo-nextNav" href="#">'+ settings.nextText +'</a> 
     </div>' 
    ); 
    //Hide Direction nav 
    if(settings.directionNavHide){ 
     $('.nivo-directionNav', slider).hide(); 
     slider.hover(function(){ 
      $('.nivo-directionNav', slider).show(); 
     }, 
     function(){ 
      $('.nivo-directionNav', slider).hide(); 
     }); 
    }

来源

2012-05-17 13:17:38

同意，这可能是原因。 – 2013-07-19 08:41:11

对于IE6最好的设计以9必须低于使用JavaScript库。只是调用这些js只休息会做js。

重要： - 这些JS必须在头被称为未在文件中
1. htmlshiv的身体对HTML5新标签
2. google js为IE
3. selectivizr JS对CSS3的新类

来源

2013-07-18 05:54:42

css悬停在IE 8中

回答

相关问题