我正在为我的网站建立一个论坛,为了方便用户浏览论坛,我做了这样,锚标签包含帖子的标题和描述(h2和p)。这样,人们有一个更大的区域可以点击进入线程,这对移动设备很有用。
在我的CSS上我有:
.forums a:hover{text-decoration: none;}
.forums a:hover>h3, .forums a:hover>h2{text-decoration: underline;}
论坛帖子在div中,有显示:table,table-cell等。没有意外嵌套的元素(会很明显)。
然而,在Chrome上(仅限Chrome)。当我将鼠标悬停在其中一个链接上时,它将执行以下三种操作之一。正常工作,强调多个线程标题,或者根本不强调任何内容。 (尝试将锚标签更改为div标签,只是为了查看它是否有问题,但看到了相同的奇怪行为)。 我甚至在不同的计算机上测试过,但问题仍然存在。
有没有解决这个问题?我正在考虑用锚标签替换h2标签,然后让javascript处理表格单元格上的点击...但宁愿远离它。