要解决背景颜色和悬停效果在可滚动的HTML表格中的粘性列中无法正常工作的问题,可以尝试以下解决方法:
table {
border-collapse: collapse;
}
table tr:hover {
background-color: #f5f5f5;
}
table tr.sticky td {
background-color: #fff;
}
table {
border-collapse: collapse;
}
th.sticky {
position: sticky;
left: 0;
background-color: #fff;
}
table {
border-collapse: collapse;
}
th.sticky {
position: sticky;
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
left: 0;
background-color: #fff;
}
通过以上方法,可以解决背景颜色和悬停效果在可滚动的HTML表格中的粘性列中无法正常工作的问题,并确保在不同浏览器上的一致性。
上一篇:背景颜色和文本对齐不起作用