html css 最小化 按钮,HTML – 奇怪的CSS3按钮

在某些用例中,我的

CSS3按钮无法正确显示.在FF&它们显示的Safari很好,但在Chrome中,左手边框较粗,当您将鼠标悬停在它们上方时,填充颜色不会填充100％的区域.查看工作示例：

http://jsfiddle.net/3x4zc8tq/3/如何解决？

/* @group Center all the things */

.center-wrapper {

position: absolute;

width: 100%;

height: 100%;

top: 0;

left: 0;

}

.center-wrapper .center {

position: relative;

overflow: hidden;

top: 50%;

-webkit-transform: translateY(-50%);

-ms-transform: translateY(-50%);

transform: translateY(-50%);

/* This fixes the blurred buttons but breaks centering

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

transform: translateZ(0);*/

}

/* @end */

如下所示的经过测试和测试的方法对我不起作用：

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

transform: translateZ(0);