html - 如何在背景CSS属性中拉伸(stretch)图像

Question

我使用以下 css 属性在标题中显示 Logo :

background: url("images/ogo_b_s.gif") no-repeat scroll left top transparent
height: 92px;
width: 300px;

问题是我的原始图像质量很高 (4325 X 1450)。但是，为了使该图像适合上述 css 宽度和高度，我必须将图像缩小到 (257 X 87)，这会显着降低图像质量。如此之多，以至于图像中的字体也开始看起来很奇怪。

这张图片有透明背景，放在另一张图片之上。

我想知道是否有一些方法可以不缩小图像并使其适合上面的 css？

Answer 1

两件事:

1. 没有 CSS 比例图像。它在这方面做得很差。使用一些程序缩放图像，该程序旨在自行缩放到您想要的尺寸。然后 CSS 不需要做任何事情。
2. 4325 x 1450 很大!你希望有人必须下载整个东西才能看到它的小规模吗？如果您按照 #1 中的建议重新缩放图像，这将使您的用户不必加载整个巨大的图像(并为您节省一些带宽)。