链接悬停导致background-size:cover; 改变Chrome

Question

使用CSS3,我将背景图像设置为封面.首次在Chrome中加载页面并将鼠标悬停在链接上时,文本周围的背景略有变化(但非常明显).我正在使用悬停的过渡,但背景移位也会在移除过渡时发生.

我的猜测是背景在悬停期间调整大小,但我不确定如何防止这种情况发生.一旦转移,您可以毫无问题地翻转其他链接.刷新页面后,问题仍然存在.

网站在这里:http://tylerbritt.com/

样式就是这样:

body{
    text-align: center;
    margin: 0 auto;
    color: white;
    font: bold 80pt 'Economica', sans-serif;

    background: url(bg2.jpg) no-repeat  center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; 
}

a {
    color: white;
    text-decoration: none;
    -webkit-transition: text-shadow 0.3s ease-out;
    -moz-transition: text-shadow 0.3s ease-out;
    -o-transition: text-shadow 0.3s ease-out;
    -ms-transition: text-shadow 0.3s ease-out;
    transition: text-shadow 0.3s ease-out;
}

  a:hover { 
        text-shadow: 0 0 6px #1c00f6;
    }

我的问题非常类似于:当悬停时不透明度发生变化时谷歌浏览器中的背景转换 ; jfriend00的建议很有帮助,但我的问题不同,因为它纯粹是一个文本链接,而不是一个img.

我使用的是Chrome版本19.0.1084.52.Safari不存在问题.任何建议将不胜感激.

Answer 1

可能是一个错误，我不知道这是否有效，但尝试一下background-attachment: fixed;