页面有背景图片，拉动页面时内容动，背景图片不动。 .

最新推荐文章于 2021-06-19 04:16:57 发布

weixin_30323961

最新推荐文章于 2021-06-19 04:16:57 发布

阅读量502

点赞数 1

文章标签： axure

原文链接：http://www.cnblogs.com/xiachufeng/archive/2012/04/01/2428516.html

版权

<style>

body{background-image:url(背景图片.jpg); background-repeat:no-repeat; text-align:center;

background-position:center;background-attachment: fixed}

</style>

转载于:https://www.cnblogs.com/xiachufeng/archive/2012/04/01/2428516.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30323961

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

页面有背景图片，拉动页面时内容动，背景图片不动。

zanychou的专栏

11-24

2122

body{background-image:url(背景图片.jpg); background-repeat:no-repeat; text-align:center; background-position:center;background-attachment: fixed}

css控制背景图片在浏览器中居中，下拉浏览器的时候背景图一直不变

weixin_30258901的博客

08-03

444

如http://www.gm.com/ css样式如下 1 body{ margin:0; padding:0;} 2 #con{ 3 position:absolute; 4 top:0; 5 left:0; 6 height:100%; 7 width:100%; 8 background-image:url("maskimg...

参与评论您还未登录，请先登录后发表或查看评论

网页背景图固定不动，不跟随滚动条滚动

weixin_33913377的博客

03-12

286

我们在做网页的时候，当背景是一张完整的图片，不动让其跟随滚动条滚动，怎么办？下面详细讲解一下。 CSS代码示例-背景颜色属性(background-color): <html> <head> <title>背景颜色 background-color</title> <style type="text/css"> body {...

宽度一定且使背景图片不变形的情况下，背景图片不随内容滚动（固定）

zhangxiaodui的博客

08-23

5361

情景描述在做一个移动端的项目时，内容如果超出手机高度，出现滚动条向下滑动时要求背景图片不能跟随内容滑动，且背景图片不会变形。这里会想到用background-attachment:fixed;来解决这个问题。下面先上一段代码。代码html代码<div class="wrapper"> <div class="wrapper-container"> <p>我是内容啊</p>

基于html5背景图片自适应代码是一款背景不随滚动条滚动，会根据分辨率不同自动匹配对应的背景图片...

weixin_34292402的博客

07-31

214

实现的代码。 css代码： .jawbone-hero .jawbone-hero-image { position:absolute; background:transparent none no-repeat scroll 50% 0; background-size:cover; top:0; bottom:0; left:...

小程序--背景图片固定不上滑

一个慢的博客

09-26

8255

要实现的功能如下图：（页面上滑的过程中轮播图片保持固定不动）实现过程： 1、首先还是要用到小程序的swiper组件 2、要实现背景图片不随页面滚动可以用background-attachment:fixed 这个css属性实现 3、然后把轮播的图片设置到background-image里 4、问题：轮播图底部的面板指示点还是会随着页面滑动上去。解决办法就是把swiper自带的面板指示点隐藏（...

html5设计页面背景颜色,网页背景设计全攻略

weixin_42506911的博客

06-19

3931

网页中的背景设计是相当重要的，尤其是对于个人主页来说，一个主页的背景就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家作一个比较完整的总结。1.颜...

网页往下拉动时出现背景透明的效果

04-01

这种效果在用户滚动页面时，页面的顶部或者部分内容会变得透明，展现出下方的内容或者背景，使得整体交互更加生动和有趣。在iOS开发中，实现这样的效果主要涉及以下技术点： 1. **UIScrollView**：在iOS中，滚动...

html可拉动页面布局,DIV+CSS+JS实现的可以随意拖动的网页布局

weixin_36312301的博客

06-10

964

DIV+CSS+JS实现的可以随意拖动的网页布局丨芯晴网页特效丨CsrCode.Cnbody {margin:0px;padding:0px;font-size:12px;text-align:center;}body > div {text-align:center; margin-right:auto; margin-left:auto;}.content{width:900px;}.c...

用html做一个漂亮的页面，可以展示作品，每一个作品链接都是有图片和标题、作者、发布时间，而且点击图片或者那个标题都可以进到对应的作品链接，在加载开始时有漂亮的加载动画，加载完毕自动关闭，网站有动态漂亮的背景，有各种小功能，不包含任何图片，顶部有漂亮的导航栏，随着用户拉动鼠标导航栏会变化形，一直跟着页面下拉，有页脚和作者，有网站公告的功能，可以关闭，背景和网站都是交互式的，页面左下角还有一个动态的小人的代码

最新发布

05-25

漂亮的作品展示页面  <link rel="stylesheet" href="style.css">  <li><a href="#">首页</a></li> <li><a href="#">作品</a></li> <li><a href="#...

HTML 页面滚动时背景图片不会移动

一直专注于互联网

09-08

5683

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title></title> <style> body{ /*兼容IE6+，火狐，谷歌，欧朋，苹果*/ backgro

页面上下滚动，背景图不动

云上人间钦自赏

08-14

2984

其实就是个思路的问题，如果单纯的用背景图片，你会发现不是很好实现的。 .mainbox{ position:fixed;top:0;bottom:0;right:0;left:0;z-index:-1; } .mainbox>img{ width:100%; height:100%; border:0px; } <div cla...

移动端页面不满一屏时实现一屏背景（图）

卡卡西：一个擅长拷贝的前端程序员

09-10

2572

一般，元素都是由元素内容撑开，但是开发过程中难免会遇到内容不满一屏，但是背景需要撑开一屏的情况（例如：列表页就一行数据，但是这页有个背景，总不能背景在这一条数据背后戛然而止，再往下就什么都没有了），查看前人经验，一般有以下几种解决方法： 1. 设置min-height 给父元素设置一个min-height: 100%; 照理说这样设置会自动撑开至屏幕大小，但假如内容复杂点...

html设置页面背景图片并禁止页面缩放

huxinguang的博客

07-20

7325

示例代码： <!DOCTYPE html> <html lang="zh"> <head>  <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-sc

pc页面滚动的时候，背景图不动只是页面滚动

weixin_30701575的博客

04-07

116

代码如下，直接拷贝出去就能看效果；用到的方法 background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></tit...

背景图固定内容超出可滑动

hu_Time的博客

10-10

1102

背景固定内容可滑动 html `` html, body, span, div, ul, li, header { padding: 0; margin: 0; } body,html{ width: 100%; height: 100%; /background-color: #7f42bb;/ } .main{ width: 100%; height: 100%; background: ur...

css问题解决：背景图片background-position不生效

YinZhuQiuGuang的博客

07-04

1299

HTML特效代码大全：背景音乐、页面加密、弹出窗口等

... 一、忽视右键菜单 ... ...二、加入背景音乐 ...在HTML中，我们可以使用 `*.mid" loop=... }` 来实现拉动页面时背景图不动。本文提供了多种 HTML 特效代码，涵盖了 HTML 的所有标签及其使用实例，适合所有人学习和使用。