Drupal 幻灯片放映插件不在Chrome中显示图像_Drupal_Drupal 7

Drupal 幻灯片放映插件不在Chrome中显示图像

drupal drupal-7

Drupal 幻灯片放映插件不在Chrome中显示图像,drupal,drupal-7,Drupal,Drupal 7,我是Drupal的新手，现在正在管理一个现有的站点。存在一个错误，主滑块将其图像的大小设置为0x0，因此仅显示寻呼机当您在另一个浏览器中打开网站时，它工作正常有什么问题吗？我在谷歌上搜索了一下，但没有找到一个可行的解决方案谢谢， Brian您可以这样修复此问题：转到站点/默认/文件/css 打开css_Ad8ea4Il0r-gy2oHf2eZpgamt3p0W3GurWCoZa6MhXU.css 在CSS中找到以下代码： #views_slideshow_cycle_teaser_s

我是Drupal的新手，现在正在管理一个现有的站点。存在一个错误，主滑块将其图像的大小设置为0x0，因此仅显示寻呼机

当您在另一个浏览器中打开网站时，它工作正常

有什么问题吗？我在谷歌上搜索了一下，但没有找到一个可行的解决方案

谢谢，

Brian

您可以这样修复此问题：

转到站点/默认/文件/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

您可以这样修复此问题：

转到站点/默认/文件/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

首先，这不是与Drupal相关的问题，而是与CSS相关的问题，所以您将其标记为错误的，并且可能在谷歌上搜索到错误的内容

问题可能出现在：

a）你的主题（称为“波尔图”）

b）幻灯片放映模块（如果您正在使用）

在任何情况下，您都应该（临时）禁用页面（管理菜单）配置->开发->性能上的CSS缓存网址：

然后找出CSS导致此问题的原因，找出应该更改的文件（用户Firebug或类似工具），更改CSS文件，再次打开CSS缓存，清除缓存（以防万一）

因此，Darko的解决方案可能是正确的，但肯定没有必要更改缓存的CSS文件，因为它将及时重新生成，您将丢失您的更改，但它应该应用于正确的文件。相反，正如我所说，禁用缓存，找到真正的CSS文件，在那里更改它并清除缓存

或者，由于您可以访问所有CSS文件，您甚至不必禁用缓存，只需在真实文件中查找并修复CSS并清除缓存。

首先，这不是与Drupal相关的问题，而是与CSS相关的问题，因此您将其标记为错误的，并且可能在谷歌上搜索错误的内容

问题可能出现在：

a）你的主题（称为“波尔图”）

b）幻灯片放映模块（如果您正在使用）

在任何情况下，您都应该（临时）禁用页面（管理菜单）配置->开发->性能上的CSS缓存网址：

然后找出CSS导致此问题的原因，找出应该更改的文件（用户Firebug或类似工具），更改CSS文件，再次打开CSS缓存，清除缓存（以防万一）

或者，由于您可以访问所有CSS文件，您甚至不必禁用缓存，只需在真实文件中查找并修复CSS并清除缓存。

假设这是与CSS相关的问题，但这里的答案并不完全正确

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

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

element.style值是您在模块中设置的值（在本例中为视图\幻灯片）。在Firefox中，您获得了良好的输出（上面的代码），但在google chrome中，您只获得了下一个代码：

element.style {
position: relative;
}

这肯定是一个bug，它与模块相关，因为出于某种原因，Google Chrome无法读取模块中设置的值。首先，您应该尝试更新最新版本的幻灯片模块。如果您仍然有问题，您可以通过更改CSS文件轻松地解决它

@MilanG有一个很好的观点，因为一旦你清除了缓存，就会生成新的CSS，你也会遇到同样的问题。我会尽量解释你应该做些什么，再详细一点

进入admin/config/development/performance（如果您使用的是Drupal7）并检查选项Aggregate和compressCSS文件。这将禁用CSS的缓存

打开首页上的Firebug，找到下一行：

如果您在Firefox上使用Firebug，您应该会找到相同的行（但正如您所看到的，它的输出是不同的）：

现在您可以找到该行使用的CSS（应该类似于sites/all/themes/your_theme\u name/CSS/views.CSS）

在CSS中找到正确的行，然后像我在第一篇文章中向您展示的那样进行更改

清除缓存，现在返回admin/config/development/performance并打开缓存

希望这有帮助。

假设这是与CSS相关的问题，但这里的答案不太正确