Jquery slideDown 弄乱了背景渐变

Question

因此，当与 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));

Answer 1

尝试设置

min-height: 200px;
height:auto;