css - 背景图像不显示在 css 代码中

标签 css

我有一张图片在浏览器中没有按预期显示。 我该如何解决这个错误? 我有以下代码,但它似乎没有按照我的要求进行。

html {
   background-image: url(demo.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -0-background-size: cover;
   background-size: cover;
}

最佳答案

At first you should check your Image Path in url(demo.jpg)

如果您的图像路径正确,它应该可以工作。

并改变

-0-background-size

-o-background-size

html {
    background: url(https://s-media-cache-ak0.pinimg.com/originals/3d/0c/0b/3d0c0ba69a64eb7105688e9ca5cddab5.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

关于css - 背景图像不显示在 css 代码中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43291383/

相关文章:

html - 在 html/CSS 中制作响应时间线

html - 媒体查询不适用于手机(但适用于浏览器)

javascript - 单击 DIV 时专注于输入

css 菜单悬停在 chrome 和 safari 中的 "hangs"

css - 从 React 中的第 3 方库导入 css 样式

python - 样式表在 Django 中不起作用

html - 如何在不拉伸(stretch)的情况下将图像放入圆圈中?

css - 带有 Flexbox 的小网格

jquery - 在 div 底部放置一个跨度,除非 div 大于浏览器的可视区域

Jquery fadeIn() 不透明度 :0 or visibility:hidden