使用CSS设置背景图像大小，无需拉伸[复制]
我想使用CSS设置一些背景图像大小。
我可以使用下面的css代码设置大小。我一直在w3schools阅读css格式，并参考了下面的stackoverflow帖子：
background: url([[pix:theme|cat/default]]) no-repeat center bottom;
background-size: 180px 200px;
我已经尝试了所有的方法，包括包含和覆盖。但是我一直在拉伸和模糊图像。我如何在不模糊图像的情况下做到这一点？仅供参考原始图像大小为128Kb 1210x1643px
共有1个答案
Sooo，
你不能拉伸图像而不模糊或失去质量。我建议你有一个高质量的图像，并把图像放在一个有点匹配的背景色div中。
然后您可以使用media-quires或一些JavaScript来保持图像尽可能大。
此外，查看您的一些代码或更好地描述您正在尝试做的事情也会很有帮助。：）
-
我试图使用CSS设置背景图像，但原始图像被拉伸。如何保持原始图像大小，同时设置整个页面的背景？ 原始图像为：原始图像 结果是：结果图像 不同的是我的网页背景比原来的要大。 任何帮助都将不胜感激！！！
-
问题内容： 这是我的CSS脚本 我想把整个细胞伸展 问题答案： .style1 { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backgrou
-
问题内容： 我在一个变量中有一个图像URL，我正在尝试使用jQuery将其设置为CSS样式： 这似乎不起作用，因为： 返回。 任何想法，我在做什么错？ 问题答案： 您可能希望这样做（使其像普通的CSS背景图像声明一样）：
-
问题内容： 有没有一种方法可以使CSS背景拉伸或缩放以填充其容器？ 问题答案： 对于现代浏览器，您可以使用以下命令完成此操作： 表示垂直或水平拉伸图像，因此它永远不会平铺/重复。 适用于Safari3（或更高版本），Chrome，Opera10 +，Firefox 3.6+和Internet Explorer 9（或更高版本）。 要使其与较低版本的Internet Explorer一起使用，请尝试
-
问题内容： 是否可以使用JavaScript获取CSS引用的背景图片的实际大小（以像素为单位的宽度和高度）？ 问题答案： 是的，我会这样做… 一些注意事项… 我们需要删除JavaScript返回的部分以获取正确的图像源。如果元素具有多个背景图像，我们需要分割。 我们创建一个新对象并将其设置为新图像。 然后，我们可以读取宽度和高度。 jQuery可能不会让您头痛不已。
-
我有一个图像，我想为它设置一个特定的宽度和高度（以像素为单位） 但如果我使用css设置宽度和高度()，图像会被拉伸，而且可能会很难看。 如何使用CSS填充图像到一个特定的大小，而不是拉伸它？ 填充图像： 请注意，在上面的填充图像示例中：首先，图像的大小被调整为150x255（保持的纵横比），然后，它裁剪为150x100。