Jquery slideDown搞乱背景渐变

时间:2013-02-04 12:18:17

标签: jquery css gradient

因此,当与jQuery slideDown函数结合使用时,我的渐变会出现恼人的样式现象。

我怀疑发生的事情是我有一个全局渐变,我已经在每个页面上运行。在一页上我使用以下内容:

function slideOnlyOne(studiesName) {
 $('.studies_detail#' + studiesName + '_box').slideDown(200);
 $('.studies_detail:not(#' + studiesName + '_box)').slideUp(600);
};

所以我加载了几个div的数据,然后使用这个jQuery函数一次只显示一个。这是网站here的半完成版本,所以你可以看到我在说什么。当在白纸和图表之间交换时,您会看到背景具有奇怪的效果,如渐变中的线条,就像它在某些地方以某种方式重新加载它一样。但如果你滚动到页面底部并再次返回它会以某种方式自行解决。

有其他人经历过这种性质的事情。我应该怎么做才能解决它?改变jQuery ??我唯一不能改变的是渐变..

background: -webkit-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: -moz-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: -o-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: -ms-radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));
background: radial-gradient(rgb(255, 255, 255), rgb(190, 190, 190));

1 个答案:

答案 0 :(得分:1)

尝试设置

min-height: 200px;
height:auto;