时间戳

首页 > 解决方案 > 我的滑块图像未显示在移动浏览器中，但它们显示在桌面上

html - 我的滑块图像未显示在移动浏览器中，但它们显示在桌面上

问题描述

.slide-4 {
    background: url("images/slider2/10.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 99999;
}
.slide-5 {
    background: url("images/slider2/12.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 99999;
}

这是我的 css 代码，它们显示在移动浏览器中，但现在没有显示在移动浏览器中，而且所有图像大小都小于 1mb，最大图像大小为 804kb，

标签： htmlcss

解决方案

请检查媒体查询中 div 是否具有“高度：自动”样式。没有内容的元素的背景图像只有在它具有固定高度时才有效。

推荐阅读