Safari 不显示 jssor 幻灯片图像
Safari not displaying jssor slideshow image
我这里有幻灯片:https://namibiabowhunting.com/vbook.html
除 Safari 之外的所有浏览器都显示图像。
使用 Safari for Windows (v. 5.1.7) 检查元素似乎 css 并且图像加载正确,但图像未显示。
我也试过修改图片的 z-index,但也没用。
由于 Windows 没有新版本的 Safari,我不知道这个问题是否会随着新版本的出现而消失。
如果您能帮助确定问题,我们将不胜感激。
如果检查元素显示正确的 CSS 和图像,并且您 100% 确定它们应该存在但实际上不存在,则您可能已禁用在 Safari 本身中显示图像。如果它在 Safari 中显示图像,您可以尝试另一个页面。
总之,如果确实是Safari本身的问题,请执行以下操作-
单击 Safari 中的 "Safari" 菜单,然后 select "Preferences."
单击 "Appearance" 图标。
看看你是否"Display images when the page opens."检查过,如果没有,请检查一下。
如果这些设置不可用,请检查您是否没有在 "Develop menu" 中选中 "Disable images"。
(一旦我可以发表评论,我实际上只会在评论中提问并相应地编辑这个答案。)
(此外 - 您应该为未来的用户提供有问题的部分或类似部分的代码片段。如果有问题的网站停止工作或发生变化,这个问题将不再有意义并提供预期的信息。)
我发现了问题。
在您的页面上,您有一个 <div>
结构,其中 div 是未显示的 <img>
标记的 parent。虽然 <img>
标签设置了宽度和高度,一些 parent <div>
标签也设置了,但它仍然在 parent <div>
中 height: 0
设置或继承,但已设置 overflow:hidden;
。在检查器中查看 div 的高度为 0,然后将其设置为 height: 100%;
或 min-height: 100%;
或删除 overflow:hidden;
即可。
因此,要么在 <div class="slideimg">
上取消设置 overflow:hidden;
(在 y 和 x 上),要么在 <div id="jssor_1">
的 child 上将 height/min-height 设置为 100% 并且child 的 child。
我这里有幻灯片:https://namibiabowhunting.com/vbook.html
除 Safari 之外的所有浏览器都显示图像。
使用 Safari for Windows (v. 5.1.7) 检查元素似乎 css 并且图像加载正确,但图像未显示。
我也试过修改图片的 z-index,但也没用。
由于 Windows 没有新版本的 Safari,我不知道这个问题是否会随着新版本的出现而消失。
如果您能帮助确定问题,我们将不胜感激。
如果检查元素显示正确的 CSS 和图像,并且您 100% 确定它们应该存在但实际上不存在,则您可能已禁用在 Safari 本身中显示图像。如果它在 Safari 中显示图像,您可以尝试另一个页面。
总之,如果确实是Safari本身的问题,请执行以下操作-
单击 Safari 中的 "Safari" 菜单,然后 select "Preferences."
单击 "Appearance" 图标。
看看你是否"Display images when the page opens."检查过,如果没有,请检查一下。
如果这些设置不可用,请检查您是否没有在 "Develop menu" 中选中 "Disable images"。
(一旦我可以发表评论,我实际上只会在评论中提问并相应地编辑这个答案。)
(此外 - 您应该为未来的用户提供有问题的部分或类似部分的代码片段。如果有问题的网站停止工作或发生变化,这个问题将不再有意义并提供预期的信息。)
我发现了问题。
在您的页面上,您有一个 <div>
结构,其中 div 是未显示的 <img>
标记的 parent。虽然 <img>
标签设置了宽度和高度,一些 parent <div>
标签也设置了,但它仍然在 parent <div>
中 height: 0
设置或继承,但已设置 overflow:hidden;
。在检查器中查看 div 的高度为 0,然后将其设置为 height: 100%;
或 min-height: 100%;
或删除 overflow:hidden;
即可。
因此,要么在 <div class="slideimg">
上取消设置 overflow:hidden;
(在 y 和 x 上),要么在 <div id="jssor_1">
的 child 上将 height/min-height 设置为 100% 并且child 的 child。