大家好。我希望能够在设置了 overflow:hidden 的容器 DIV 中突出显示一个 div(更改这不是一个选项)。我正在使用 CSS“outline”和“box-shadow”属性来执行此操作。问题是,当 DIV 是外部 div 的完整大小时,您看不到它被选中,因为轮廓(不出所料)被剪裁到外部 div。此外,如果内部 div 与边缘之一相对,则会出现问题。
所附图片显示了 div 的布局,红色是外部 div,紫色是“轮廓”,黑色是我要突出显示的 DIV - 在该示例中,左侧的紫色突出显示被剪掉了。
所以问题是,有没有一种方法(JavaScript 和 jQuery 都可以)用另一个 div 覆盖黑色 div,这样 (a) 覆盖 div 不会剪裁到外部 div,以及 (b) 当黑色 div 移动或调整大小,叠加层随之移动/调整大小?
编辑:看起来这在我描述的 HTML/CSS 中是不可能的。
最佳答案
将黑色 div 设置为“positon:relative”。然后将大纲放入那个div,并设置为“position:absolute”。使用 top、left、with 和 height,您可以将其放在黑色 div 的“周围”。
编辑:
抱歉,黑色 div 也必须是绝对位置。工作示例参见此处: http://jsfiddle.net/t94FV/
关于javascript - 在溢出 :hidden DIV without clipping 内为 DIV 创建覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8490193/