html - 背景图片和背景附件

标签 html css background-attachment

我在为同一页面上的不同元素添加背景时遇到问题,需要一些帮助。我正在尝试使用“背景附件”制作一个包含多个部分和背景(如 http://ofarevolution.com/ )的单页网站,但我无法显示多个背景。我要疯了,请帮忙。

这是我的设置:http://codepen.io/marks828/pen/YWLKmw

<body>
<div class="wrapper">
    <div class="stage">
        <p>
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas 
        </p>
    </div>
</div>


<div class="fraknie">
    <div>
        <p>
            "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas 
        </p>
    </div>
</div>



.stage{
background-image: url("../img/portfolio/stage.jpg");
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;

}

.frankie {

background-image: url("../img/portfolio/frankie.jpg");
}

最佳答案

是代码<div class="fraknie">应该是“fraknie”?

关于html - 背景图片和背景附件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38534894/

相关文章:

javascript - 如何为文本字段中的每个字母赋予不同的颜色?

javascript - 为什么它只打印一次?请给我解决方案

javascript - 如何使用javascript更改css img元素

javascript - HTML5 FileReader.readAsDataURL 的输出可以用于引用字体吗?

jquery - 单击导航图标停止/重置 &lt;iframe&gt; 视频

html - CSS:反向重复线性渐变

css - 影响div高度的行高问题

html - 使用固定背景附件和旋转容器重复背景?

javascript - Stellar.js 背景附件设置为固定但疯狂的抖动仍在发生

html - 固定在 window 上,但包含在容器内