【问题标题】:Background image is blurry/pixelated on CSS背景图像在 CSS 上模糊/像素化
【发布时间】:2021-06-08 16:58:30
【问题描述】:

我正在尝试使用 Python 烧瓶和 MySQL 制作登录系统。我尝试使用 CSS 对 html 模板进行样式设置,使它看起来不错,但由于某种原因背景图像模糊。我尝试做“图像渲染:”但它没有用。有什么解决办法吗?

代码:



body{
    margin: 0;
    padding: 0;
    background: url('/static/background2.jpg');
    background-size: cover;
    background-position: center;
    font-family: sans-serif;
}


【问题讨论】:

  • 如果您在浏览器选项卡中打开背景图像。那里看起来很模糊。它的分辨率如何?

标签: python html css flask


【解决方案1】:

可能是图像质量低下。尝试另一张图片!

【讨论】:

  • 我怎么知道
  • 是的,我应该在问题中提到它
【解决方案2】:

尝试检查图片的分辨率。看起来您的图片分辨率较低,这就是为什么当您尝试扩展它时它会变得模糊。如果您的分辨率没问题,请尝试编写 background-size:100%;而不是背景尺寸:封面;............我希望这有效:)

【讨论】:

  • 不幸的是没有工作。我的分辨率是 1080p,没问题。
【解决方案3】:

原图可能比较大,当你把它和网站背景结合起来时,它会放大,导致图像模糊。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-07-13
  • 2023-01-13
  • 2014-09-02
  • 2018-12-17
  • 2013-10-22
  • 1970-01-01
相关资源
最近更新 更多