Html 页面内的Drupal全屏图像

我在一个Drupal网站上工作，希望完成以下工作：我有一个内容类型，用于添加带有图像、锚链接和一些内容或表单的页面。现在图像显示在主体宽度内，但我希望此图像全屏显示。页面的其余部分，如链接和内容/表单，必须根据正文宽度显示

---

我怎样才能完成这个任务？不管我怎么做，似乎我都无法将该图像显示为全宽…

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

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

---

请记住，在这些方法中，纵横比遵循浏览器窗口，而不是图像纵横比。取决于

z-索引

图像位于其他元素的前面或背景中。如果愿意，您可以使用

不透明度

使其透明。

您应该为您的内容类型创建一个自定义模板，并以一种不包含在任何Drupal continer中的方式打印图像字段，而Drupal continer已经设置了显示其中内容的样式。比如：

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

   <?php echo $body ?>

</div>

这不是一个有效的例子，它只是给你一个想法。仅依赖CSS对某个主题有效，但对另一个主题可能无效