html可点击布局区域。最佳做法

html可点击布局区域。最佳做法,html,cross-browser,Html,Cross Browser,我不擅长html布局,但我必须制作它:)我想在一个页面上制作一个大按钮,这个页面被实现为带有子标签的复杂html布局(可能是个坏主意)。 我可以用javascript处理边界元素上的点击事件,但它需要启用javascript。 我可以用“anchor”标记包装边界元素,但在IE中不起作用 请给我建议一个最好的实施方法 <a href="..."> <table> <td>

我不擅长html布局,但我必须制作它:)我想在一个页面上制作一个大按钮,这个页面被实现为带有子标签的复杂html布局(可能是个坏主意)。 我可以用javascript处理边界元素上的点击事件,但它需要启用javascript。 我可以用“anchor”标记包装边界元素,但在IE中不起作用

请给我建议一个最好的实施方法

<a href="...">        
        <table>
            <td>                                
                ...
            </td>
            <td>
                ...
                   <table> ... </table>
            </td>       
        </table>

    </a>


把你所有的内容放在上面,然后用css绝对地在上面放置一个巨大的
标签,怎么样?锚不需要子元素,它们应该是兄弟元素。绝对定位使整个区域可点击。但是要确保
位于z顺序的顶部。

将所有内容放在上面,然后使用css在上面绝对定位一个巨大的
标记,怎么样?锚不需要子元素,它们应该是兄弟元素。绝对定位使整个区域可点击。但是要确保
位于z顺序的顶部。

一些简单的JavaScript怎么样

<div style="cursor:pointer;" onClick="javascript:document.location.href='...'><table>...</table></div>

一些简单的JavaScript怎么样

<div style="cursor:pointer;" onClick="javascript:document.location.href='...'><table>...</table></div>

将图像放入锚点中。图像可以是1x1透明gif。给它一个大小等于你想要覆盖的所有东西。将图像放置在桌子上方。然后锚定将包含整个不可见的图像作为可点击的东西。这与拥有一个大的可点击图像是一样的,浏览器也支持这一点。

将图像放在锚中。图像可以是1x1透明gif。给它一个大小等于你想要覆盖的所有东西。将图像放置在桌子上方。然后锚定将包含整个不可见的图像作为可点击的东西。这与拥有一个大的可点击图像是一样的,浏览器也支持这一点。

为什么不使用
元素并对其进行相应的样式设置呢?也许html/css的人可以理解没有它的意思,但我想如果有一个你想要实现的草图就好了。我很好奇你的意思。@Pekka-met认为如果有超链接,他应该只使用锚
。否则,一个JS
onclick
事件将带有一个
光标:指针CSS属性最好。当我将html布局放入“锚定”标记(div、images、span)时,它在IE中无法正常工作。一个装饰过的锚定标记不能满足我的要求:(是的,可能是一个代码示例或其他东西。你可以用你可以设计标记的方式来设计标记的样式,这只取决于内部存在的标记,它决定了这是否是一个选项。为什么不使用
元素并相应地设计它呢?也许html/css人员可以理解没有它的意思,但我认为有一个ske会很好。)我对你的意思很好奇。@Pekka-m认为如果有超链接,他应该只使用锚定
。否则,一个带有
光标:指针的JS
onclick
事件;
CSS属性将是最好的。当我将html布局放入“锚定”标记(divs、images、span)时它在IE中不能正常工作。一个装饰过的锚标记不能满足我:(是的,可能是代码示例或其他东西。你可以用与标记样式相同的方式来设置标记样式,它只是取决于内部存在的标记,它决定这是否是一个选项。锚标记不是块元素,所以它们不会“覆盖”任何东西。我尝试了这个建议,将“显示:内联块”分配给锚定标记,并使其大小与其覆盖的区域相同,但IE再次将锚定标记的位置与FireFox不同:(我想如果我要花更多的时间,我会使布局交叉,但可能有更好的方法?锚定标记不是块元素,所以它们不会“覆盖”任何东西。我尝试了这个建议,指定了“显示:内联块”定位标签并使其大小与其覆盖的区域相同,但IE再次将定位标签放置在与FireFox不同的位置:(我想如果我要花更多的时间在这上面,我会制作布局交叉浏览器,但可能有更好的方法吗?谢谢Matthew,但它需要启用javascript。我现在必须这样做,但不知道我是否可以不使用javascript。谢谢Matthew,但它需要启用javascript。我必须这样做现在好了,但是我想知道如果没有javascript我是否能活下去