css中的背景

css中的背景,css,Css,当我在dreamweaver中工作或通过各种浏览器(mozilla、ie、chrome)从桌面打开背景图像时,我的背景图像应该保持在固定的维度上。但一旦上传,背景图像就会拉伸。有人知道这个问题的解决方案吗 尝试在CSS中设置此选项 body { background:url(YOUR_IMAGE); background-size:80px 60px; background-repeat:no-repeat; } 以像素为单位的大小与原始图像尺寸相同。这可能只是一个缓存问题。如果你

当我在dreamweaver中工作或通过各种浏览器(mozilla、ie、chrome)从桌面打开背景图像时,我的背景图像应该保持在固定的维度上。但一旦上传,背景图像就会拉伸。有人知道这个问题的解决方案吗


尝试在CSS中设置此选项

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

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

这可能只是一个缓存问题。如果你已经上传了所有东西。重新加载页面。当其完全加载时,按ctrl+r和/或ctrl+F5。我倾向于两个球交替打好几次。这将清除缓存中的图像和css

如果这不起作用的话,那么他们的关系就很奇怪了


同样值得注意的是,像Dreamweaver这样的东西会像浏览器一样加载内容。因此,有些东西在Dreamweaver中看起来很棒,但在浏览器中却没有预期的响应。同样地(用VisualStudio),软件中的东西经常看起来非常破,但是在浏览器中非常好。

你也应该考虑用Firefox开发和安装Firebug插件。这是一个非常宝贵的工具,可以让您随时检查和/或编辑css等

在你的网站上使用它可以显示你的背景图像设置为100%&770px。这两条规则相互冲突。第一种说法是使图像达到屏幕宽度的100%,而另一种说法是使背景仅为770px

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

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

试试这个

它看起来像。。。正文{字体系列:Arial;边距:0;填充:0;颜色:#FFFFFF;字体大小:12px;宽度:100%;背景:url(../images/bg.jpg)无重复中上#FFFFFF;文本对齐:左;-moz背景大小:1152px 770px;-webkit背景大小:1152px 770px;背景大小:1152px 770px;完全清除缓存并重新加载。我刚在我的计算机上试用过,效果不错。奇怪的是,我实际上更改了它(见上文)好吧,那不是你网站上的内容。不管出于什么原因,它使用的是旧样式。上传前你保存了吗?你上传到了正确的目录吗?奇怪,是的,我在图库中附加了一些新图片,这些图片按照它们应该的方式放置。删除宽度:从主体样式中删除100%。主体始终是100%。这是可能与浏览器特定规则冲突:宽度:100%;背景:url(../images/bg.jpg)无重复居中顶部#FFFFFF;文本对齐:左;-moz背景大小:100%770px;-webkit背景大小:100%770px;背景大小:100%770px;我已经重新加载了几次页面,并刷新了上传的索引至少10次。这真的很奇怪,让我发疯-(很明显,该页面仍在调用旧的css。这可能是因为您没有将css上载到正确的位置,您重命名了css并且没有更改网页上的引用,或者您没有在上载之前保存css文件更新。这只能是这3个选项之一。你们都很好!是的,我只是忘记了上传style.css。非常感谢!对你们所有人来说!Urm应该是你们真正尝试的第一件事。我希望我们会为我们的努力获得更多的选票和被接受的答案。-)也许你们可以通过将其中一个答案标记为你们正在寻找的答案来表示感谢。谢谢。