CSS中的文字“摇动”

时间:2014-08-28 17:33:37

标签: html css google-chrome responsive-design

我正在尝试在我负责的网站上制作菜单。问题是:当我使用谷歌浏览器时(几乎所有时间),当我指向光标(悬停)时,div的错误。

.barramenu {
    background-color:#000000;
    width:100%;
    height:100%;
    bottom:0%;
    box-shadow: 0vmin 0vmin 2vmin rgba(0,0,0,0.5);
    list-style-type:none;
    z-index:1;
}

.barrafrente {
    position:absolute;
    width:51vmin;
    height:100%;
    color:#FFFFFF;
    padding-top:0px;
    margin-left:0px;
    top:0%;
    left:0%;
    z-index:1;
}

.menu {
    width:51vmin;
    height:48vmin;
    position:absolute;
    left:0vmin;
    bottom:0vmin;
    text-align: right;
    z-index:2; 
    font: 3.9vmin 'Trebuchet MS', Helvetica, sans-serif;
    text-transform: uppercase;
    line-height:5.8vmin;
    -webkit-font-smoothing: subpixel-antialiased;

}

.menu1, .menu2, .menu3, .menu4, .menu5, .menu6 {
    width:100%;
    height:5.8vmin;
    position:absolute;
    margin-left:0vmin;
    margin-top:2.6vmin;
    cursor:pointer;
}   

http://jsfiddle.net/77ejbyxm/

文字似乎是"摇晃"!

0 个答案:

没有答案