幻灯片插件未在Chrome中显示图片

Question

我是Drupal的新手，现在我正在管理现有网站。有一个错误，主页滑块将大小0x0标记为其图像，因此只显示寻呼机。

当您在其他浏览器中打开网站时，它可以正常工作。

可能是什么问题？我用谷歌搜索了它，但没有找到解决方案。

谢谢， 布赖恩

Answer 1

让我们说这是与CSS相关的问题，但这里答案不是很正确。

您可以在不同的浏览器中看到基于模块设置的不同渲染输出。问题出在这个设置上：

element.style {
height: 460px;
position: relative;
width: 930px;
}

element.style值是您在模块中设置的值（在本例中为view_slideshow）。在Firefox中，您可以获得良好的输出（上面的代码），但在谷歌浏览器中，您只需获得下一个代码：

element.style {
position: relative;
}

这是一个肯定的错误，它是一个相关的模块，因为由于某种原因谷歌浏览器不读取模块中设置的值。首先，您应该尝试在最新版本上更新幻灯片模块。如果您仍有问题，可以通过更改CSS文件轻松修复它。

@MilanG有一个好点，因为一旦你清除缓存，将生成新的CSS，你将遇到同样的问题。我将尝试用更多细节来解释你应该做什么。

1. 继续执行admin / config / development / performance（如果您使用的是drupal 7）并查看选项聚合并压缩CSS文件。这将禁用CSS的缓存。

2. 在首页上打开Firebug，找到下一行：

   <div id="views_slideshow_cycle_teaser_section_carrusel_home- block"class="views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section" style="position: relative;">

如果你在Firefox上使用Firebug，你应该找到相同的行（但输出的颜色不同，如你所见）：

<div id="views_slideshow_cycle_teaser_section_carrusel_home-block" class="views-slideshow-cycle-main-frame views_slideshow_cycle_teaser_section" style="position: relative; width: 930px; height: 460px;">

1. 现在您可以找到该行使用的CSS（它应该类似于sites / all / themes / your_theme_name / css / views.css）
2. 在CSS中找到正确的行，然后像我在第一篇文章中向您展示的那样进行更改。
3. 清除缓存，现在返回admin / config / development / performance并打开缓存。

希望这有帮助。

Answer 2

你可以这样解决：

• 转到sites / default / files / css
• 打开css_Ad8ea4Il0r-gy2oHf2eZpgamt3p0W3GurWCoZa6MhXU.css

在CSS中找到此代码：

#views_slideshow_cycle_teaser_section_carrusel_home-block{display:inline-block;}

将其替换为此代码：

 #views_slideshow_cycle_teaser_section_carrusel_home-block{display:inline-block;height:460px;width:930px;}

• 保存CSS