1

每当我将鼠标悬停在元素上时,我都试图有一个边框,所以我创建了,它适用于除右侧最后一列之外的所有列。

我的问题是,有没有我可以修复它而不必position:absolute;在元素上使用?我计划在用户单击切换时设置一些元素display:none;,因此绝对定位不会按预期工作,因为会有“空块”而不是自动重新排列元素。

PS:我也知道同位素,但我认为这样的事情有点“矫枉过正”。

4

3 回答 3

2

我不知道我是否解决了您的问题,但这种行为是否符合您的预期?

http://jsfiddle.net/bSF8B(抱歉,链接错误)

http://jsfiddle.net/bSF8B/11/

我只强制默认border-width为 0,并且在悬停时将边距减少 5px。

于 2012-07-22T12:29:33.483 回答
2

这是一个解决方案:http: //jsfiddle.net/PhilippeVay/bSF8B/10/

它考虑了即使没有悬停也将在悬停时存在的边框(边框颜色与父级的背景颜色相同,您可以在第二个示例中看到它)

编辑:边框颜色不是背景颜色^^

于 2012-07-22T12:30:55.740 回答
1

我已经删除了margin之间的并创建了一个黑色的,这样当您将鼠标悬停在块上时,只有边框的颜色会发生变化,而您不必包含实际上导致问题的新边框。border5px

这是小提琴

于 2012-07-22T12:37:35.977 回答