Question

我有一个启动页面，希望用户能够点击页面上的任意位置并将其发送到主站点。我在SO上找到了密切的解决方案，但我的问题是我的启动页面在中心有一个浮动的div，因此使用<body onclick="window.location.href='url'">之类的内容只有在点击{{1}时才有效}，而不是背景上的任何其他地方。这是HTML：

div

CSS：

<html>
<head>
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
</head>
<body>
    <div class="splash">
        <h1>PM & ASSOCIATES</h1>
        <p>Worldwide</p>
    </div>
</body>
</html>

Answer 1

至少在历史上，我遇到类似的问题，试图让内容占据100％的高度，因为body只是div。它只占用其内容所需的空间。所以，要解决这个问题，你应该能够使你的html和body都100％：

html { width:100%;height:100%; }
body { width:100%;height:100%; }

这样做会强制身体标签占据整个窗口。

Answer 2

这是一个相当简单的解决方案，但如果您能够修改html：

，这可能会有效

<html>
    <head>
        <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    </head>
    <body>
        <div class="splash">
            <h1>PM & ASSOCIATES</h1><p>Worldwide</p>
        </div>
        <a href="[insert url here]" class="fullPageLink"></a>
    </body>
</html>

在链接的href属性中插入所需的URL。

然后应添加这些样式：

body{
    position: relative;
    width: 100%;
    height: 100%;
}
.fullPageLink{
    position: absolute;
    display: block;
    z-index: 10;
    width: 100%;
    height: 100%;
}

点击任意位置链接

2 个答案: