Question

下面是我试图使用的jQuery代码。它适用于Firefox，Opera，Chrome，Safari，但不适用于IE7。我首先怀疑这是因为：隐藏的选择器在IE7中不受支持，所以我试着简单地将.show（）和.fadeIn（）元素放在没有条件的情况下（你可以从注释掉的区域看到这个）。

 if (data.indexOf(error) == -1){
  alert('in result');
  if ( $('.result').is(":hidden") == true ){  
   alert('in fade in');
   $('.result').fadeIn('slow');
  }
  //$('.result').show('slow');
  $('.result span #entry').html(data);
  alert('entered data');

然而，这并未证明是成功的。即使没有选择条件，我仍然无法让元素出现在IE7中。但我知道它正在解释代码，因为抛出“结果”和“输入数据”警报。

这是XHTML

<div class='result'>
<img src='content/red-x.gif' alt='close' />
<span id='entry'></span>
</div>

和CSS

.result { 
 display: none;
 background: #c9fd9b;
 background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.51, rgb(201,253,155)),
    color-stop(0.85, rgb(217,245,191)),
    color-stop(0.24, rgb(193,240,149)),
    color-stop(0.11, rgb(177,222,136))
 );
 background: -moz-linear-gradient(
    center bottom,
    rgb(201,253,155) 51%,
    rgb(217,245,191) 85%,
    rgb(193,240,149) 24%,
    rgb(177,222,136) 11%));
 z-index: 22; 
 width: 255px;
 height: 155px;
 position: fixed;
 left: 50%;
 top: 65px; 
 overflow: hidden;
 padding: 10px;
 margin: 5px;
 margin-left: -127.5px;


 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;

 box-shadow: 2px 2px 10px #333333;
 -moz-box-shadow: 2px 2px 10px #333333;
 -webkit-box-shadow: 2px 2px 10px #333333; 
}

Answer 1

在控件可见后，由于淡入淡出效果，可以看到IE中的Developer工具栏，它会为不透明度添加一些代码。只需通过编写

删除该段代码即可

$（'selector'）。css（'attribute'，''）; 或写 $（ '选择'）removeAttr（ '风格'）。 //删除所有内联样式。

希望这会对你有所帮助:)。

jQuery .show，.fadeIn在IE7中不可见

1 个答案: