当前位置: 首页 > 知识库问答 >
问题:

如何设置固定背景并在css中滚动?

韩季
2023-03-14

如何在css中设置固定背景并滚动???而且我一直试图设置一个背景来覆盖所有维度,因为我总是以模糊的背景结束:(

我在这方面相对较新,所以请不要评判我,这是我的css:body#bg{宽度:100%;高度:100%;位置:绝对;左:0px;顶部:0px;z-index:0;背景附件:固定;
}

.stretch
{
width:100%;
height:100%;
background-attachment:fixed;
}    

共有1个答案

谯德佑
2023-03-14

像这样:

此oe是固定的,将主体设置为100%以制作全屏:http://jsfiddle.net/X8Z2v/4/

这个是滚动的: http://jsfiddle.net/X8Z2v/5/

 html, body {
        height:3000px;
        margin:0;
        padding:0;
    }
    .stretch {
        position: absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        background-image: url(http://www.placehold.it/2000x1000);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: scroll;
    }

超文本标记语言

<div class="stretch"></div>
 类似资料:
  • 问题内容: 如何在页面滚动期间保持背景图像固定?我有此CSS代码,并且图像是身体的背景,而不是 问题答案: background-attachment: fixed;

  • 本文向大家介绍使用css如何设置背景虚化?相关面试题,主要包含被问及使用css如何设置背景虚化?时的应答技巧和注意事项,需要的朋友参考一下

  • 嘿,伙计们,我实际上是java编程的新手。我可以把背景颜色的代码行放在哪里。因为当我在main方法中放一个颜色为黄色的jpanel时。jframe中背景颜色的设置有效,但jtag、jtext field和j按钮现在不见了...一切都只是黄色。 }

  • 问题内容: 我正在使用BlueJ作为IDE使用Java开发一个简单的平台游戏。现在,我在游戏中使用多边形和简单形状绘制了玩家/敌人的精灵,平台和其他物品。最终,我希望将它们替换为实际图像。 现在,我想知道将图像(URL或本地来源)设置为游戏窗口/画布的“背景”的最简单解决方案是什么? 如果编程时间不是太长或太复杂,我将不胜感激,因为我的编程技能不是很好,我想使我的程序尽可能简单。请为示例代码提供注

  • 问题内容: 我正在尝试设置的背景色。我正在尝试通过使用下面的代码(部分来自SwiftUI教程)添加一个。然而,这只是以往的白色,除非我替换用 我可以设置单个列表项的颜色,但我希望整个背景显示为蓝色 问题答案: 与相同。但是,由于还没有直接的api,您可以使用以下命令进行更改: 您应该将其放置在可以确保编译器在方法内部读取的位置。 请注意,其中一些将 在Xcode 11 beta 5以下无法正常工作

  • 本文向大家介绍如何在HTML中设置背景颜色?,包括了如何在HTML中设置背景颜色?的使用技巧和注意事项,需要的朋友参考一下 要在HTML中设置背景颜色,请使用style属性。style属性指定元素的内联样式。该属性与HTML <body>标记以及CSS属性background-color一起使用。HTML5不支持<body>标记的bgcolor属性,因此CSS样式用于添加背景色。HTML5中不推荐