1

我有下面的代码可以正常工作。它负责在select标签中选定值的更改时更新浮动条上的社交按钮。

$('select.select').change(function(e) {

    e.preventDefault(); 

    var value = $('select.select option:selected').val(); 
    do_social(value);
    return false;

});

function do_social(str)
{
$(".dd_inner").fadeOut("slow");
$.when(CreateNewLikeButton(str),CreateNewPlus1Button(str),CreateNewLinkedinButton(str),CreateNewSuButton(str)).done(function(){
$(".dd_inner").fadeIn("slow");
});

}

问题是，当按钮更新时，主体的背景图像消失并再次出现。我有许多其他函数同时执行do_social()，但是当我隔离它们时，我发现它们对这个问题不负责任。

这是我在body标签上应用的样式：

body {
    line-height: 1;
    background: url(images/bg.png) repeat-y; 
background-size: 100;  
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


}

dd_inner是社交浮动栏的封装，它的 CSS 是：

.dd_inner {
    margin: 0 auto;
    position: relative;
}

感谢您在这个问题上指导我，这真的让我的网站看起来不正常，我正在寻找解决方案，已经有好几天了。我在这里提供任何其他信息。

再次谢谢你。

4

1 回答 1

2

我遇到了关于背景图像本身的另一个问题，我正在寻找一种方法来使其在调整浏览器窗口大小的同时保持其形状。我做了：

body {

    background: url(images/bg.png) no-repeat center top fixed; 
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;

}

现在问题已经解决了。当我一一隔离 CSS 项目时，我发现这 fixed解决了回流问题。

感谢@Jon Jaques您平时的帮助。

于 2013-04-28T01:48:18.340 回答