显示div时的部分边框

时间:2011-12-05 22:46:56

标签: jquery html css

在我的页面上,我有一个内容div,仅在鼠标悬停在侧边栏div上时显示。

如何仅删除2个div触摸的边框,如下图所示?

enter image description here

我需要它在chrome,firefox和amp; IE 8 +

这是一个jsfiddle,它设置了我的问题示例:http://jsfiddle.net/paulyoder/K2wKG/

为简单起见,请提供解决方案的方法

2 个答案:

答案 0 :(得分:3)

为Side Bar

声明白色的背景颜色

声明一个border-right:none;对于Side Bar

然后侧边栏超过一圈内容1px这个最后一步可以完成,但我需要看看你的特定标记。

保证金左:-1px的内容可以做到这一点!

希望这有帮助

这是一个完全如你所描述的小提琴。 http://jsfiddle.net/3E4mD/1/

将来可以更容易地看到你拥有的东西,并从那里提出建议。

由于

答案 1 :(得分:0)

根据您支持的浏览器,您可以使用:after添加隐藏黑色边框的en元素。

像这样:http://jsfiddle.net/htWzB/