当浏览器达到一定宽度时,背景img消失的问题

时间:2018-09-30 20:09:42

标签: html css

因此,当屏幕达到一定宽度时,我的背景照片消失了。这很奇怪,因为在全屏(桌面)上还可以,在移动设备上也可以。这有点像平板电脑或小型桌面屏幕之间的中间空间,背景照片会在其中消失/消失。 (该网站在编写时就牢记“响应能力”。)

代码非常广泛,因此访问相关页面并使用“检查”查看代码可能会更容易。不幸的是,iv尝试了一些解决方案,但是它们没有用,这意味着我不知道我在做什么错!无论浏览器/屏幕的宽度如何,如何使照片不消失?

查看页面@ Zoeaa.com

按以下方式发布:缩小浏览器并在某一点上,背景图片应消失。

非常感谢您的帮助!如果有什么我可以改善的问题,请告诉我!

Photo of site working. Photo of the site not working.

1 个答案:

答案 0 :(得分:0)

我查看了您的网站,我认为这实际上不是背景问题,而是您应用此背景图片的元素的高度问题。

我发现了这样的东西:

 @media only screen and (max-width: 1360px){
     .px_slider, .px_slider .slides>li {
          height: auto !important;
     }
 }

因此,当height: auto !important;我发现的元素height0时,这就是背景图片未显示的原因。 因此,只需检查您的媒体查询断点,即可知道编写相同类型CSS的位置。

查看此处:

enter image description here

当显示时:

enter image description here