2011-03-10 83 views
1

我有一个跨度包装在td中。我设置我的span css不显示任何内容。当使用fadein触发我的js函数显示时,它不能在IE8上工作,但在7和9上完美工作。下面是我的代码。jquery fadein不会在IE8上工作

CSS代码

.noansError{border: 1px solid #a51b1b; padding: 0 0 0 2px; background: #f8a1a1; color: #a51b1b; font-size: 14px; display: none;} 

HTML代码

<td><span id="errorNoAns1" class="noansError">Please Answer</span><input id="q1" type="text"/></td> 

MY jQuery的

$('#q1').css('display','none'); 
$('#errorNoAns1').fadeIn(300); 

ID errorNoAns1是,在IE8不会淡入跨度

+0

你如何测试IE8? – sdleihssirhc 2011-03-10 03:32:03

回答

2

哎!我经历了几个小时的搜寻后才知道。我发现你需要在你的父元素上有一个相对位置。我刚刚在我的td上添加了相对位置,其中span是换行。

+0

这也适用于我。感谢您发布您的答案。 – Sam152 2013-06-17 08:13:02

0

尝试

$('#q1').hide() 

即有大约属性设置

0

$('#errorNoAns1').hide().fadeIn(300);可能会解决它的一些问题,但它是一个有点哈克。

+0

感谢您的回复,iv尝试了您的答案,但不会工作。 – andsien 2011-03-10 03:59:35

+0

你有一个网上的例子,我可以看到 – Nilloc 2011-03-10 04:03:36

+0

对不起,但我没有现场的例子。 – andsien 2011-03-10 04:06:25

1

我觉得jQuery的fadeIn(),fadeOut()函数只能显示/隐藏块元素,你可以设置.noansError {display:block}来尝试一下。