相关疑难解决方法(0)

Chrome CSS 3转换不顺利

您正在为新网站的网站设计工作,主页有一些使用CSS3过渡的flyup菜单.

如果你去---------然后看一下Chrome浏览器主页上的"Some Menu that nice","Another Cool Menu"等链接,当你鼠标悬停在它们上面时但转换不顺畅,菜单标签看起来像是在上下振动.我在下面包含了CSS,但它可以在网站上的style.css文件中找到(相关部分从1905行开始)

这只是在chrome,Safari和Firefox工作正常和IE ...好吧,现在不要谈论它....

.home #site-navigation .menu-main-menu-container .trait-box { 
    width: 100%; 
}

.home .main-navigation ul,
.home .main-navigation {
    margin: none;
    border: none;
}

.home .main-navigation ul li {
    border: none;
}

.home .main-navigation ul li a {
    margin-left: 0;
    margin-right: 0;
}

.home .trait-box { 
    margin-top: 480px; 
    display: block; 
    text-align: center; 
    height: 126px; 
    position: relative; 
    color: #4e4e4d; 
    text-decoration: none !important;
}
.home .trait-box h4 { 
    position: absolute;
    bottom: 35px; 
    width: 90%; 
    font-size: 16px;
    font-size: 1.14285714rem; …
Run Code Online (Sandbox Code Playgroud)

wordpress html5 google-chrome css3 responsive-design

4
推荐指数
1
解决办法
2万
查看次数