一个关于hover属性有趣的问题(一个小坑),求解释

需求是,给一个table表格的tr添加hover效果,过年前是将background-color属性加在<tr>上,结果hover效果只有三边,当时百思不得骑姐。但是年后的我把background-color属性加在<tbody>上时,居然可以了。

我总结了下,也就是说,如果要实现这种列表式的悬浮阴影效果,首先是和background-color有关(我之前一直以为是和border属性有关),其次这个background-color需要加在父级元素上,而不是需要浮动的元素本身。

演示示例

请大神解释下这是为什么?

刚刚看演示示例的时候又发现一个严重的问题,就是tr标签的hover效果在safari浏览器中,貌似不支持啊!!!该怎么解决


吃鸡游戏
浏览 648回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript