3

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

网站

4

4 回答 4

2

尝试在您的 CSS 中设置它...

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

其中像素大小与原始图像尺寸相同。

于 2012-11-03T16:38:28.680 回答
1 
body {
  background:url(YOUR_IMAGE);
  background-repeat:no-repeat;
}

尝试这个

于 2012-11-03T17:41:15.913 回答
0

这可能只是一个缓存问题。如果您已上传所有内容。重新加载页面。当其满载时按 ctrl + r &/或 ctrl + F5。我倾向于交替击打两者。这应该从缓存中清除图像和 css。

如果这不起作用，那么他们会发生一些奇怪的事情。

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

于 2012-11-03T16:41:14.723 回答
0

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

在您的网站上使用它会显示您的背景图像设置为 100% 和 770 像素。这两条规则相互冲突。第一个是说将图像设置为屏幕宽度的 100%，而另一个是说将背景设置为 770 像素。

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

于 2012-11-03T16:44:43.140 回答