頁面內Drupal全屏圖像

Question

我正在工作的Drupal網站，並希望完成以下操作：我有一個內容類型用於添加一個圖像，錨鏈接和一些內容或形式的頁面。現在圖像顯示在身體寬度內，但我希望這個圖像全屏顯示。頁面的其餘部分，如鏈接和內容/表單必須根據主體寬度進行顯示。

我怎樣才能做到這一點的原因，無論是我的嘗試似乎我不能讓全幅將要顯示的圖片

Answer 1

您應該爲您的內容類型創建一個自定義模板，並以不包含在任何已經設置風格的Drupal continer中的方式打印圖像字段以顯示其中的內容。例如：

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

    <?php echo $body ?> 

</div> 

這不是一個工作的例子，它只是給你一個想法。僅依賴於CSS可用於某個主題，但可能不適用於其他主題。

Answer 2

我不太清楚你盡力去做。你可以只完成全屏圖像與CSS：

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

請記住，在這些方法寬高比以下的瀏覽器窗口，而不是圖像寬高比。取決於z-index圖像位於其他元素的前面或背景中。如果你喜歡，你可以使用opacity使它透明。