CSS在简单的CSS3动画上的一致性跨发布器
题
我在此处遇到CSS一致性问题: http://www.progettostand.com/ 检查自上右上的社交图标,IE(奇迹!)上的图标位置是正确的,始终使用FF和页面加载,然后在第一次悬停在Chrome上以后居中。 确保它绑定到:留下边缘行为后。 我试过摆弄这一点,但只设法在浏览器之间切换问题,从未设法使用所有三个按预期工作。 请帮助我指甲它。
提前非常感谢您的时间和精力。
解决方案
只是一个快速修复,目前我只有铬来测试,所以不能真正为其他浏览器保证,但也许尝试将这样的东西添加到您的样式:
#top-social-bar a{
text-align:left;
}
#top-social-bar a:before,
#top-social-bar a:after {
text-align: center;
}
. 其他提示
somtimes外部主题不可靠。
必须在style.css的末尾添加它:
#top-social-bar{
display:table;
}
#top-social-bar li {
display: table-cell;
float: none;
}
#top-social-bar a:before, #top-social-bar a:after{
width:auto
}
. 不隶属于 StackOverflow