0

我有一个网站，它生成一个通过 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>

先感谢您。

4

2 回答 2

1

我不确定执行此操作的“最佳”方式是什么，但也许您可以在用户单击正文时使用 JavaScript 重定向用户，而不是使整个正文成为链接。类似于以下内容：

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

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

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

这打破了网络语义，但至少你的标记是有效的。如果你想让<a>光标悬停在 body 上，只需添加以下 CSS：

body { cursor: pointer; }
于 2012-07-13T19:48:41.460 回答
0

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

我能想到的最接近的事情是块链接，您将锚放在主体标签之后并在结束主体标签之前结束它，但这似乎有点......极端

于 2012-07-13T19:29:36.250 回答