Javascript 如何从超大全屏幻灯片中获取100px？

一个拉伸幻灯片图像以填充屏幕。然而，我希望在幻灯片放映之前有一个100px的标题（不是在上面）。我该怎么办

---

，但我仍然希望它是全屏的，除了顶部的100px

简单-只需在CSS中添加以下内容：

#supersized li {top:100px !important}

---

然后使用绝对定位将标题添加到屏幕顶部：）

简单-只需将此添加到CSS：

#supersized li {top:100px !important}

---

然后使用绝对定位将标题添加到屏幕顶部：）

您可以使用

display:block

和

margin top:100px

创建一个容器或

div

，并在其中设置幻灯片放映。或者您可以简单地尝试将

边距顶部：100px

或

顶部：100px

分配给幻灯片父选择器。（也就是说，如果您使用

li

或幻灯片放映的某个父容器，您可以将其发送给

ul

）

您甚至可以尝试使用

填充顶部

或

边框顶部

，并将其指定为100px。你有很多选择

---

我建议您使用射流布局是一个实时演示。

您可以使用

显示：block

和

边距顶部：100px

创建一个容器或

div

，并在其中设置幻灯片放映。或者您可以简单地尝试将

边距顶部：100px

或

顶部：100px

分配给幻灯片父选择器。（也就是说，如果您使用

li

或幻灯片放映的某个父容器，您可以将其发送给

ul

）

您甚至可以尝试使用

填充顶部

或

边框顶部

，并将其指定为100px。你有很多选择

---

我建议您使用射流布局是一个现场演示。

我知道这已经有点过时了，但我用它来缩小超大尺寸所占用的空间

function portfolioSize () {
    $('#supersized').height( $(window).height() - 71 );
}
$(window).load(function() { portfolioSize(); });
$(window).resize(function() { portfolioSize(); });

这将拉动窗口高度并减去必要的像素量。下面的两行用于确保在初始加载和调整浏览器窗口大小时应用该功能

编辑：作为旁注，我认为可能也需要以下CSS（自从我在需要它的网站上工作以来，已经有一点需要了，所以这些可能是因为其他原因）：

---

我知道你问起这个问题已经有点晚了，但我用这个来缩小超大空间所占的空间

function portfolioSize () {
    $('#supersized').height( $(window).height() - 71 );
}
$(window).load(function() { portfolioSize(); });
$(window).resize(function() { portfolioSize(); });

这将拉动窗口高度并减去必要的像素量。下面的两行用于确保在初始加载和调整浏览器窗口大小时应用该功能

编辑：作为旁注，我认为可能也需要以下CSS（自从我在需要它的网站上工作以来，已经有一点需要了，所以这些可能是因为其他原因）：

---

否决票的人你好：你愿意解释你为什么要这样做吗（如果需要，请关闭问题）？该常见问题解答不准确地解释需要做什么吗？否决票的人你好：你愿意解释你为什么要这样做吗（如果需要，请关闭问题）“常见问题解答”没有准确地解释需要做什么吗？这样，您只需覆盖最上面的100px，但超大屏幕仍然可以覆盖整个屏幕。幻灯片顶部的100px被覆盖了。不，那不对。当我将100px添加到li时，整个图片向下移动100px。对不起，你是对的。所以幻灯片底部的100px被导航TrayLight覆盖，所以你根本不想让它全屏显示-你想让图像在仍在窗口内的情况下拉伸到最大尺寸？是的，我想让图像拉伸到最大尺寸，虽然仍然在窗口内，但不在顶部100px上延伸，也不在底部。这样，您只需覆盖顶部100px，但超大尺寸仍然会延伸整个屏幕。幻灯片顶部的100px被覆盖了。不，那不对。当我将100px添加到li时，整个图片向下移动100px。对不起，你是对的。所以幻灯片底部的100px被导航TrayLight覆盖，所以你根本不想让它全屏显示-你想让图像在仍在窗口内的情况下拉伸到最大尺寸？是的，我想让图像拉伸到最大尺寸，虽然仍然在窗口内，但不超过顶部100px，也不超过底部，但您建议的所有选项（如zenktaty的）的问题在于，超大屏幕仍然会拉伸整个屏幕。因此，幻灯片的顶部100px被覆盖。您建议的所有选项的问题，就像zenktaty的一样，是超大尺寸仍然会拉伸整个屏幕。因此，幻灯片的顶部100px被覆盖。