css - 在 OpenCart 中，Flex slider 图像在某些屏幕尺寸下不显示

Question

Flex slider 图像正在加载。
我可以在检查元素时看到
但它们是不显示在浏览器中。

这是网站的链接:http://www.rgsandsons.com

现在我发现它在某些屏幕尺寸下显示，尝试重新调整浏览器的尺寸。

为什么它没有针对所有屏幕尺寸显示？

Answer 1

只有一个小但很难注意到的问题，例如，当您调整浏览器大小时，flexslider 会显示一个 img 标签，而不是它在全屏显示时使用的 css 背景。

你唯一需要做的就是编辑图像的名称，就好像你注意到 css 背景 url 和 img src 在获取图像时不一样，如果你删除空格并使图像名称干净而不空格和特殊字符(也请尝试删除路径白色斜线)一切都会好的。

url(http://rgsandsons.com/image/cache/data/TEST SLIDER/3-1920x550.jpg) 50% 0 no-repeat

应该是这样的:

url(http://rgsandsons.com/image/cache/data/TEST-SLIDER/3-1920-550.jpg) 50% 0 no-repeat

更改文件夹名称或上传到另一个文件夹，并从图像名称中删除特殊字符。

这肯定是这里的问题，所以只要您进行这些更改，一切都会好起来的。