Question

我有一个网站，可以生成一个背景图片，通过jquery在浏览器中进行拉伸和滚动。我们的想法是，当页面加载用户时，只需点击图像上的任意位置即可将其带入网站。

我身体周围有<a>个标签，但有一些问题：

*在大多数浏览器上没有提示它是鼠标链接

*适用于iPhone，但在Android上根本不会链接。

实现这一目标的最佳，最具跨浏览/移动效率的方法是什么？

<!DOCTYPE html>
<html lang="en">
<head>
    <title>THE BROADHURST</title>
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="/styles/css/thebroadhurst.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/styles/css/jquery.vegas.css" type="text/css" media="screen" />

    <script type="text/javascript" src="/jquery/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/jquery/jquery.vegas.js"></script>
    <script>
    $( function() {
      $.vegas({
        src:'/styles/images/bh_rotate/bhR_<?php echo rand(1,31); ?>.png'
      });
    });
    </script>
</head>
<a href="/home.php">
<body>
    <div class="structure_main clearfix">
    </div>
</body>
</a>

提前谢谢。

Answer 1

我不确定执行此操作的“最佳”方式是什么，但也许您可以在用户点击正文时使用JavaScript重定向用户，而不是将整个主体作为链接。有点像：

<body onclick="window.location = 'somewhere over the rainbow'">

...或稍后将其附加到该事件：

$(function() {
    $('body').click(function() {
        window.location = 'somewhere over the rainbow';
    });
});

这打破了网络语义，但至少你的标记是有效的。如果您希望在将鼠标悬停在正文上时使用<a>光标，只需添加以下CSS：

body { cursor: pointer; }

Answer 2

我的朋友是无效的HTML，所以我并不感到惊讶它不起作用

我能想到的最近的事情是阻塞链接，你把锚放在身体标签之后，并在关闭身体标签之前结束它，但这似乎有点......极端

链接不在Android上工作

2 个答案: