Javascript jQuery.show、.fadeIn在IE7中不可见

Javascript jQuery.show、.fadeIn在IE7中不可见,javascript,xhtml,jquery,Javascript,Xhtml,Jquery,下面是我尝试使用的jQuery代码。它在Firefox、Opera、Chrome、Safari中运行良好,但在IE7中不起作用。起初我怀疑这是因为:hidden选择器在IE7中不受支持,所以我尝试在没有条件的情况下简单地对元素进行.show()和.fadeIn()(您可以从注释掉的区域中看到这一点) 然而,这并没有被证明是成功的。即使没有选择器条件,我仍然无法使元素出现在IE7中。但我知道它正在解释代码,因为“结果中”和“输入数据”警报都会被抛出 这是XHTML <div class='r

下面是我尝试使用的jQuery代码。它在Firefox、Opera、Chrome、Safari中运行良好,但在IE7中不起作用。起初我怀疑这是因为:hidden选择器在IE7中不受支持,所以我尝试在没有条件的情况下简单地对元素进行.show()和.fadeIn()(您可以从注释掉的区域中看到这一点)

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

这是XHTML

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

只需查看IE中的开发者工具栏,在控件由于淡入淡出效果而可见后,它添加了一些不透明度代码。只需通过编写来删除这段代码

$('selector').css('attribute',''); 或写 $('selector')。removeAttr('style');//删除所有内联样式


希望这能对您有所帮助:)

如果您包含代码链接,调试这些代码会容易得多。理解,但这种情况的模块化程度不足以在JSFIDLE中放置独立的代码。
<div class='result'>
<img src='content/red-x.gif' alt='close' />
<span id='entry'></span>
</div>
.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; 
}