网页中固定背景图片

最新推荐文章于 2022-10-24 18:05:30 发布

古_月

最新推荐文章于 2022-10-24 18:05:30 发布

阅读量742

点赞数

分类专栏：小知识文章标签： html css 背景

本文链接：https://blog.csdn.net/huyang218/article/details/17170249

版权

小知识专栏收录该内容

14 篇文章 0 订阅

订阅专栏

body{background-image:url('');background-attachment:fixed;}

给定一个背景图片，只需要将背景图片的样式设置一下即可，当然图片需要其他特殊需求相应改变一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

古_月

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

html背景图固定,网页背景图片固定在一个位置不重复代码

weixin_30453651的博客

06-27

4586

css之background-repeat的几种属性background-repeat: 指背景图片的重复与否以及重复方式, 有no-repeat, repeat, repeat-x, repeat-y四种属性值.no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示;repeat: 指背景图片横向和纵向重复连续显示;rep...

css背景图片固定位置_CSS固定位置背景图片

culuo8053的博客

07-25

2028

Backgrounds have become an integral part of creating a web 2.0-esque website since gradients have become all the rage. If you think gradient backgrounds are too cliche, maybe a fixed position backgro...

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

网页背景图片固定特效

09-19

视差滚动/视觉差设计，这些词汇在现在看来是再平常不过了，虽平常，但是其牛X的效果不得不让用户眼前一亮，也让我们这些垒码的不得不思考其中的原理。

固定网页背景图同时保持图片比例

码农高端会所

08-15

2880

固定网页背景图同时保持图片比例，类似百度首页的背景图

网页中固定背景

weixin_51450341的博客

10-24

415

不知道大家在使用手机的时候有没有注意到手机中的背景图片并不会随着窗口的移动而移动，就像使用的flex定位一样，在网页中，也可以尝试将背景图片固定显示，那么body标签中的内容就会在图片上方滚动。

网页上图片固定显示

ffyhappy的专栏

09-30

205

固定高度： onload= "if(this.clientHeight> 80)this.height=80" 固定宽度： onload= "if(this.clientWidth> 80)this.width=80" 高度宽度都固定： onload= "this.width=80,this.width=80" eg:<...

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

大任的网络专栏

04-01

4352

body {background:#426DAD url(http://t1.qpic.cn/mblogpic/d86bdc30ae8fc8a43e5e/2000) repeat fixed top center;} 网页背景图固定不动，不跟随滚动条滚动我们在做网页的时候，当背景是一张完整的图片，不动让其跟随滚动条滚动，怎么办？下面详细讲解一下。

固定网页背景图同时保持图片比例的思路代码

09-05

在网页设计中，有时我们需要将背景图片设置为固定，并且在用户调整窗口大小时，保持图片的比例不变，以此实现良好的视觉效果。这个需求在标题和描述中被提及，即"固定网页背景图同时保持图片比例的思路代码"。在本文...

详解使用CSS固定页面背景图片位置的方法

12-08

在网页设计中，背景图片的设置是一个常见的需求。本文将详细介绍如何使用CSS来固定页面的背景图片位置，以便无论用户滚动页面，背景图片始终保持在固定的位置。这一效果可以通过设置`background-attachment`属性来...

一列固定宽度布局和背景图片绝对定位

09-27

"一列固定宽度布局和背景图片绝对定位"是网页制作中的常见技巧，通常用于创建结构清晰、视觉吸引力强的网页。下面将详细解释这个主题。首先，我们来看一列固定宽度布局。这种布局模式意味着网页的主要内容区域有一...

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

weixin_38304202的博客

06-20

1391

有时候移动端：background-attachment:fixed失效，可以这样来做：--> “要添加背景的元素”:before{ content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url(图片地址) cen

web操作指引（图片锁定）

qq_21181767的博客

04-11

427

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

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

q_qman的博客

04-23

1101

1.背景附着属性background-attachment <div class="index-main"> <div class="container"> </div> </div> <style> .index-main{ background: url(../img/bg.jpg) ...

设置固定背景

weixin_44799698的博客

10-31

396

在一般情况下，背景图像能够跟着网页内容上下滑动例如百度的网页，这是可以使用background-attachment 属性定义背景图像在窗口内固定显示。具体的用法： background-attachment：fixed /local/scroll 默认值为scroll，具体取值说明如下： 1.fixed ：背景图像相当于浏览器的窗口固定。 2.scroll：背景图像相当于元素固定，就是说当...

html中怎么设置背景图片固定,css如何实现固定的背景图像

weixin_30036893的博客

06-04

4534

所谓固定背景图像，就是当我们在页面输入任何内容时或者移动鼠标，背景图像都不会发生变动。css实现背景图像固定也是非常简单的，我们可以使用css中的background的相关属性来实现。推荐参考：《CSS教程》那么我们在前面的文章中有给大家介绍过CSS如何实现背景图像重复效果。下面我们就继续给大家介绍css背景图像固定的实现方法。代码如下：body {background-image: url("/...

html背景图片固定代码

weixin_33770878的博客

04-29

1万+

今天河北魅力网络客户让改一下代码，让背景图片实现不随滚动条来滚动，实现这种效果其实很简单，加个代码就行。<body background="bj.jpg" style="background-attachment:fixed";>style="background-attachment:fixed";> 这样就实现了背景图片固定效果，虽然简单但很实用 ...

背景图片不跟随滚动条滚动

caimaomaocai的博客

06-28

5856

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

CSS背景属性

weixin_30386713的博客

07-02

941

背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。body {background-color:#99FF00;} 上面的代码表示Body这个HTML元素的背景颜色是翠绿色的。演示示例 背景图片属性(background-image) 这个属性为HTML元素设定背景图片，相当于HTML中background属性。&...

ASP.NET 网页设计如何设置全局背景图片