Safari不显示jssor幻灯片图像

时间:2019-04-09 14:13:37

标签: css cross-browser jssor

我在这里有一张幻灯片:https://namibiabowhunting.com/vbook.html

除Safari以外的所有浏览器都显示图像。

使用Safari for Windows(5.1.7版)检查元素,似乎CSS和图像已正确加载,但是图像未显示。

我还尝试了修改图像的z-index,但这也没有任何改变。

由于没有适用于Windows的较新版本的Safari,我不知道此问题是否会在较新的版本中消失。

我们将帮助您识别问题。

2 个答案:

答案 0 :(得分:1)

我找到了问题。

在页面上,您有一个 df1 %>% inner_join(df2, by = 'ID') %>% filter(Date.x >= Date.y) 结构,其中几个div是未显示的<div>标签的父级。尽管<img>标签已设置了宽度和高度,并且还设置了一些父标签<img>,但它仍位于已设置或继承了<div>的父标签<div>中,但已设置height: 0。在检查器中查看哪个div的高度为0,然后将其设置为overflow:hidden;height: 100%;或删除min-height: 100%;,然后应该这样做。

因此,请在overflow:hidden;上的overflow:hidden;上(在y和x上)都未设置<div class="slideimg">,或者将<div id="jssor_1">的孩子和该孩子的孩子的高度/最小高度设置为100%。

答案 1 :(得分:0)

如果检查元素显示正确的CSS和图像,并且您100%确信它们应该存在但不存在,则您可能已禁用在Safari本身中显示图像。如果它在Safari中显示图像,则可以尝试另一个页面。

无论如何,如果确实是Safari本身存在问题,请执行以下操作-

  1. 单击Safari中的“ Safari”菜单,然后选择“首选项”。

  2. 单击“外观”图标。

  3. 查看是否具有“页面打开时显示图像”。检查,如果没有,请进行检查。

如果这些设置不可用,请检查“开发”菜单中是否没有选中“禁用图像”。

(一旦我可以发表评论,我实际上只是在评论中提问并相应地编辑此答案。)

(此外-您应该为将来的用户提供有问题的部分或类似内容的代码段。如果有问题的网站停止运行或更改,则此问题将不再有意义并提供预期的信息。)