Question

我使用Safari浏览网页，我需要将图像显示为背景，我的问题是我想要修复图像并且文本仍然可滚动。我的代码不起作用是这样的：

<html>
<head>
<style type=text/css>
body{background-image:url('background.png');
background-repeat:no-repeat;
background-attachment:fixed;
}
</style>
</head>
<body>My text goes here</body>
</html>

使用此代码，我可以将图像和文本都滚动。

Answer 1

不完全确定发生了什么，因为您的代码看起来很好。也许你真的不想要它fixed？ Fixed表示图像在滚动时根本无法移动，是您想要的吗？

我设置了一个工作正常的JSFiddle。我做的唯一不同的是在速记background属性中声明所有信息：

body {
    background: url(http://2.bp.blogspot.com/-xpgIOttwTTg/TWRni-cC-tI/AAAAAAAAA-o/9GMqFyMnQCY/s1600/african-elephant2.jpg) repeat fixed;
}

JSFiddle：http://jsfiddle.net/jackfranklin/HYagh/

检查＆amp;它在Safari中运行良好。

编辑 - 现在我知道你在谈论移动Safari，position:fixed并且background-attachment:fixed; 不支持iOS 8中的iOS，但是是即将推出的iOS5支持。

在Safari浏览器上修复图像

1 个答案: