html - 悬停效果超出边界

标签 html css hover mouseover

这是我的 JSFiddle ,我有一个表格,悬停时,它的行应该改变颜色,如下所示:

.hover-row:hover {
  background-color: #FFEFC6;
}

但是,在最后一行,悬停效果将溢出(包装器有一定的半径)。我们能做些什么来防止这种情况发生吗?

我尝试过使用 z-index 和/或 border-radius,但它不会有任何效果!

最佳答案

您可以在.wrap上设置overflow:hidden;

Jsfiddle

关于html - 悬停效果超出边界,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34231320/

相关文章:

html - 行高不适用于移动设备

javascript - 如何使用按钮创建自动幻灯片

html - 使用 css 将图像替换为 youtube 视频

jquery - Canvas 未填满 div

css - 在悬停时切换图像背景的最佳方式?

jquery - 为什么这个 jQuery 选择器不起作用?

javascript - .focus() 不适用于悬停事件中的文本区域

html - CSS 之前/之后 - 堆叠顺序。为什么两个都在上面?

html - 段落键入动画无响应

html - 高度可变的固定元素下方的静态元素