如何在背景css属性中拉伸图像
如何在背景css属性中拉伸图像
提问于 2010-10-09 09:00:51
我在我的标题中显示了一个带有以下css属性的徽标：
background: url("images/ogo_b_s.gif") no-repeat scroll left top transparent
height: 92px;
width: 300px;问题是我的原始图像质量很高(4325X1450)。但是，为了使此图像适合上面的css宽度和高度，我必须将图像缩小到(257 X 87)，这会显著降低图像的质量。如此之多以至于图像中的字体看起来都很奇怪。
此图像具有透明背景，并放在另一图像的顶部。
我想知道是否有一些方法可以不缩小图像并使其适合上面的css？
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-10-09 09:04:03
两件事：
- 没有CSS缩放图像。它在这方面做得很糟糕。使用一些程序缩放图像，该程序设计用于将图像缩放到您想要的尺寸。那么CSS就不需要做任何事情了。
- 4325x1450很大！你想让人下载整个东西才能在很小的范围内看到它吗？如果您按照#1中的建议重新缩放图像，将使您的用户不必加载整个大型图像(并为您节省一些带宽)。
Stack Overflow用户
发布于 2010-10-09 09:07:09
您应该专门创建适合您在这里使用的区域的背景图像；不要依赖浏览器来做这件事。
这样做时，您还可以尝试使用具有alpha透明度的PNG，当透明度是一个问题时，它往往比GIF具有更好的伸缩性。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3895258
复制相关文章
相似问题
腾讯云开发者
