我正在尝试使用:beforeor创建一个元素，:after并将其放置在其父元素的底部，在元素的一半处，以隐藏那里的框阴影。这似乎工作，除了 IE。
演示：http: //jsfiddle.net/XV6pT/
白色边框:before应覆盖底部边框及其框阴影。但是，在 Internet Explorer 中，不显示按钮底部边界以下的元素部分。
没有过滤器或类似的东西会将某些东西设置为隐藏（根据 如何阻止 Internet Explorer 的专有渐变过滤器切断应该溢出的内容？）。CSS 按原样复制。
总体目标（也许有人有更好的主意）是，在按钮下方，有一个下拉导航，应该看起来像下拉菜单和按钮是“一个部分”，所以之间不应该有任何边框或框阴影按钮和下拉菜单。
看来问题出现在IE9和IE10。从绝对定位切换到相对定位也无济于事。
有什么提示吗？