Question

我在html布局上很糟糕，但我必须制作它:)我想在一个页面上制作一个大按钮，该页面实现为带有子标签的复杂html布局（可能 - 一个坏主意）。我可以使用javascript处理边界元素上的click事件，但它需要启用javascript。我可以使用“anchor”标签包装边界元素，但在IE中不起作用

请建议我实施此方法的最佳方法。

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

    </a>

Answer 1

将图像放入锚点内。图像可以是1x1透明gif。给它一个大小等于你想要覆盖的一切。放置图像以覆盖您的桌子。然后锚将包含整个不可见的图像作为可点击的东西。这是有效的，因为它与拥有大量可点击图像和浏览器支持相同。

Answer 2

如何放置所有内容，然后使用css将巨大的<a>标记置于其上面？锚不需要子元素，它们将是兄弟姐妹。绝对定位使整个区域可以点击。但请确保<a>位于z顺序之上。

Answer 3

一些简单的JavaScript怎么样？

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

html可点击的布局区域。最佳实践

3 个答案: