图像缩放和模糊

【问题标题】：Images get scaled and blurry图像缩放和模糊
【发布时间】：2021-06-08 09:53:01
【问题描述】：

我正在尝试使用导航栏图像创建一个 div，但图像被放大并变得模糊。在图片中，您可以看到在 Photoshop 中覆盖在网站呈现的导航栏上的原始导航栏。您认为可能是什么问题？

<div id="TopCenter" style="width: 70%; background-color: #0F1841; 
top: 0px; position: absolute; height: 90px; left: 30%; 
background-image: url(navbar.png); background-repeat: no-repeat; 
background-position:left center; "></div>

【问题讨论】：

标签： html css image scale

【解决方案1】：

它发生了，因为您使用的宽度和高度可能比原始图像大，所以这就是它失去质量的原因。

【讨论】：

但是在我们展示的内容中没有指定background-size，那么为什么它首先要以任何方式扩展呢？
他使用的是 90px 高度和绝对位置。
不，我尝试了不同的方法，90px 是图像的原始高度。
70%的宽度呢？