html - 表行作为 anchor

标签 html css

我正在尝试将整个表格行设置为 anchor 。 我在这里读到,将所有表格行内容放在 anchor 标记内不是一个好习惯,因为 html 标准不允许这样做。

实现这一目标的最佳策略是什么?

我正在分析在每个表格单元格内放置一个 anchor 标记的可能性,就像我在 .day div 中所做的那样:http://jsfiddle.net/XdfCp/4/这是一个好的解决方案吗?

这个解决方案的问题是 anchor 没有覆盖所有表格单元格空间。我已经以这种方式配置了 anchor ,但它并没有占用所有单元格空间:

    #ListaEventosPorMes a{
        display: block;
        width: 100%;
        height: 100%;
        color: White;
    }

我需要的另一个行为是在所有行中获得悬停效果,而不是在特定的表格单元格 anchor 上。您有解决此问题的想法吗?

最佳答案

自 IE7 以来的所有主流浏览器都支持所有元素上的 :hover CSS 伪类,包括 tr,因此您无需使用 anchor 来设置悬停状态的样式.

至于你的其他问题,看看这个答案:Make link in table cell fill the entire row height

关于html - 表行作为 anchor ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11254860/

相关文章:

javascript - 将 <img class> 图像链接到 URL - 在 safari 和 chrome 中工作正常,但在 Firefox 中不行

javascript - html5 输入类型编号 : detect whether spinbox or not (and no other features)

javascript - modal中从MySQL获取用户信息

html - 在网站上嵌入 Youtube channel 上传

html - 在生成的 HTML 中更改函数签名的 doxygen 格式

javascript - 带有变换旋转的顶部和左侧位置

css - 获取 webpack 样式加载器让我在我的组件中导入 css

css - 背景渐变 - 填充页面,没有滚动条或重复

html - CSS - 在填充中放置滚动条

html - 如果div位于屏幕中心,如何在底部左右显示文本