背景在.css绵延

Question

当我在Dreamweaver中工作或通过各种浏览器（mozilla，即chrome）从我的桌面打开时，我的背景图像应该保持固定尺寸。但一旦上传，背景图片就会延伸。有人知道这个问题的解决方案吗？

Website

Answer 1

尝试在CSS中设置此内容...

body {
  background:url(YOUR_IMAGE);
  background-size:80px 60px;
  background-repeat:no-repeat;
}

以像素为单位的尺寸与原始图像尺寸相同。

Answer 2

body {
  background:url(YOUR_IMAGE);
  background-repeat:no-repeat;
}

试试这个

Answer 3

这可能只是一个缓存问题。如果你上传了所有内容。重新加载页面。当其满载时按ctrl + r＆amp; /或ctrl + F5。我倾向于两次交替击打。这应该清除缓存中的图像和CSS。

如果这不起作用那么他们就是奇怪的事情。

值得注意的是，像Dreamweaver这样的内容会将内容加载为浏览器。因此，在Dreamweaver中看起来很棒，但在浏览器中没有按预期响应。同样地（使用Visual Studio），软件中的内容通常会非常糟糕，但在浏览器中却很棒。

Answer 4

您还应该考虑使用FireFox进行开发并安装Firebug插件。这是一个非常宝贵的工具，可以让您在运行中检查＆amp; /或编辑css等。

在您的网站上使用它会显示您的背景图像设置为100％＆amp; 770px。这两条规则相互冲突。第一个是说图像是屏幕宽度的100％而另一个是说背景只有770px。

您需要在这里更好地考虑您的选择。