CSS3 background-attachment:fixed不适用于chrome上的转换

时间:2013-10-16 19:12:24

标签: css3 google-chrome transform fixed background-attachment

我该怎么做:

http://jsfiddle.net/5GzqA/

在Chrome上完全按照它在firefox上的工作方式工作?

.outter {
    position: relative;
    background: url(http://planetthreesixty.com/sites/default/files/planet.jpg) 0 0 fixed;
    height: 1000px;
    width: 100%;
}
.inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    margin: -200px 0 0 -200px;
    background: url(http://planetthreesixty.com/sites/default/files/planet.jpg) 50px 0 fixed;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

到目前为止我尝试过:

  • 使用:after和:before for background image and overflow hidden
  • 使用jquery根据屏幕位置使用绝对值和更改值修复“false”(我在此方法上有很多闪烁)。

谢谢!

0 个答案:

没有答案