Question

当您在移动设备上向下滚动时，我无法将背景图像设置为屏幕中心的位置。

目前，我的网站在我的桌面上滚动时的背景是我想要的。问题出在移动设备上，出于某种原因，当使用开发工具在移动分辨率上查看网站时，它的效果很好，但是当涉及到实际操作时，它不起作用。

任何人都可以帮我解决这个问题吗？

我目前的代码是：

    body.custom-background, #custom-background-css {

    background-position: center center !important;
    min-height: 100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
}

我的网站是：test.ebdesigns.us （wordpress平台）

此外，在查看源代码时，有些东西正在产生这个并且不知道。这可能会影响它。

<style type="text/css" id="custom-background-css">
body.custom-background { background-image: url('http://www.test.ebdesigns.us/wp-content/uploads/2015/07/NewColumbis51Logorev101.jpg'); background-repeat: no-repeat; background-position: top center; background-attachment: fixed; }
</style>

Answer 1

实际上有些插件会将这个“body.custom-background”发送给你的CSS，但事实并非如此

将您的代码更改为＆gt; background-position：“ top center ”，而不是“ center center ”。那样做

**如果您想保留中心，您必须为主容器（身体）提供一个高度

body.custom-background, #custom-background-css {    
    background-position: center center !important;
    min-height: 100%;
    background-repeat:no-repeat;
    background-attachment: fixed;
    height:100vh;
}

干杯。喜悦

无法将背景元素设置为固定位置

1 个答案: