IE 11以不同于其他浏览器的方式显示CSS

Question

我有这个项目,我正在研究它,它在不同的浏览器中显示不同(想象一下).CSS在我尝试过的每个浏览器(chrome,safari,firefox)中运行良好,除了IE11(再次,想象一下).这是IE版本的图片:

这是它应该是什么样子:

现在,我已经浏览了Chrome和IE上的开发工具,结果如下.

IE:

铬:

所以,你可以在图片中看到,在IE浏览器中,bwizard-steps button::before并且bwizard-steps button::after都标出来,但他们却为打算使用Chrome.

任何想法为什么会这样？我查了一下,IE11应该支持::before和::after标签.但它显然无视它们.我甚至尝试进入IE的兼容模式,这看起来更糟糕.

Answer 1

我有类似的问题.

对我有用的解决方案是给出按钮 overflow: visible;

工作示例(IE9 +):http://jsfiddle.net/aBfF8/1/