背景图片没有填满整个 div
塞尔吉熊
我正在研究一种模式，其中有一个图像背景。现在，图像没有填满整个 div。这是我目前在我的 css 中的内容：
CSS：
.modal {
border-radius: 10px;
min-width: 65vw;
min-height: 40vh;
border-width: 5px;
border-style: solid;
border-color: var(--secondary);
background: url("../../../assets/cloudy.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
HTML：
<div class="modal"></div>
每当我用颜色替换背景时，它都会起作用。这是背景图像与颜色的当前外观：
我尝试将背景大小更改为包含和 100% 100%。它没有用。
是不是图片有问题？因为图很长。1942 × 478 具体。提前致谢！
维尼巴特
我已经在我的笔记本电脑上尝试了大部分图片，它似乎工作得很好。
.modal {
border-radius: 10px;
min-width: 65vw;
min-height: 40vh;
border-width: 5px;
border-style: solid;
border-color: var(--secondary);
background: url("https://media.mnn.com/assets/images/2018/08/CollectionOfCloudsAgainstABlueSky.jpg.653x0_q80_crop-smart.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div class="modal"></div>
</body>
</html>如果您在代码中放置图像链接而不是本地文件名，我可以提供帮助。但也许它是一个 png 问题，因为顶部和底部可以看到低谷。（我也不能发表评论，所以这是最好的沟通方式，抱歉。）
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
背景图片无法填满整个div大小
- 2
在没有内容的div中显示背景图片
- 3
为什么背景图片无法填充整个div
- 4
div的背景图片
- 5
div 背景图片
- 6
强制div具有背景图片的大小
- 7
Div背景图片消失
- 8
DIV-备用背景图片
- 9
定位div的背景图片
- 10
背景图片+将Div链接
- 11
使div大小适合背景图片
- 12
div忽略背景图片的高度
- 13
Div背景图片的最大尺寸
- 14
修复div的背景图片
- 15
更改div错误的背景图片
- 16
Div背景图片消失
- 17
div中闪烁的背景图片
- 18
更改div的背景图片
- 19
背景图片不覆盖div
- 20
修复div的背景图片
- 21
如何使div在整个背景图片上都可点击？
- 22
HTML Div转换为带有背景图片Html2canvas的图片
- 23
使用CSS中的背景图片使图片适合div
- 24
背景图片似乎无法填满整个屏幕
- 25
在<a>标签内水平对齐div（具有背景图片）
- 26
使div背景图片具有响应性及其内容
- 27
在链接中创建一个div（带有背景图片）
- 28
如何使div具有背景图片且没有内容显示并从页面的顶部延伸到底部？
- 29
悬停div时移动背景图片
我来说两句