页面内的Drupal全屏图像

Question

我正在使用Drupal网站并希望完成以下操作：我有一个内容类型，用于添加包含图像，锚链接和某些内容或表单的页面。现在图像显示在体宽内，但我希望这个图像全屏显示。页面的其余部分（例如链接和内容/表单）必须根据正文宽度显示。

无论我尝试什么，我怎么能完成这个原因似乎我无法让这个图像以全宽显示......

Answer 1

我不太确定你要做什么。您可以使用CSS完成全屏图像：

img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

请记住，在这些方法中，宽高比是遵循浏览器窗口而不是图像宽高比。取决于z-index图像位于其他元素的前面或后面。如果您愿意，可以使用opacity使其透明。

Answer 2

您应该为您的内容类型创建一个自定义模板，并打印图像字段，使其不包含在任何已设置样式以显示其中内容的Drupal控件中。类似的东西：

<div id="im">
  <?php echo $node->field_image[0]['path']; ?>
</div>
<div ..>

   <?php echo $body ?>

</div>

这不是一个有效的例子，只是为了给你一个想法。仅依靠CSS适用于某个主题但可能不适用于另一个主题。