小编use*_*205的帖子

保持背景图像不在CSS中移动或平铺

我试图获得一个静止不动的背景,同时文本滚动它并使图像居中并使其不会平铺或重复.现在,我可以得到它,但不是两个.目前我的样式表以这种方式处理它.

{
background: url(LOCATION OF PIC FILE) repeat fixed;
height: 610px;
text-align: center;
margin: 0 auto;
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)

据我所知,身高:610px; 限制文本可以向上滚动的距离,我希望保留.我试图改变"重复固定"部分,但我没有得到我想要的结果.我试过这个......

{
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
height: 610px;
}
Run Code Online (Sandbox Code Playgroud)

...在HTML中使用它..

<div id="intro">
<img src="IMAGE SOURCE" width="100%" height="100%">
</div>
Run Code Online (Sandbox Code Playgroud)

但这并不能保持背景固定......

任何帮助,将不胜感激.

html css background

5
推荐指数
2
解决办法
3万
查看次数

标签 统计

background ×1

css ×1

html ×1