css之background-attachment属性

最新推荐文章于 2024-09-23 11:29:29 发布

原创最新推荐文章于 2024-09-23 11:29:29 发布 · 419 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css #background-attachment

css基础专栏收录该内容

48 篇文章

订阅专栏

本文详细介绍了CSS中background-attachment属性的作用及其使用方法。该属性用于设置背景图像是否随页面滚动而移动，默认值为'scroll'，另有'fixed'和'inherit'两个可选值。

CSS background-attachment属性

------设置背景图像是否固定或者随着页面的其余部分滚动。

默认值：	scroll
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.backgroundAttachment="fixed"

可能的值

值	描述
scroll	默认值。背景图像会随着页面其余部分的滚动而移动。
fixed	当页面的其余部分滚动时，背景图像不会移动。
inherit	规定应该从父元素继承 background-attachment 属性的设置。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_2245

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

css background-attachment属性进阶

09-24

CSS中的`background-attachment`属性是用来控制背景图像随滚动条移动的方式。在深入理解这个属性之前，我们需要确保已经设置了`background-image`属性，因为它定义了背景图像。`background-attachment`接着决定背景...

css 背景固定样式background-attachment属性基础

01-21

在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动。语法： background-attachment:scroll/fixed; 说明： background-attachment 属性只有2个属性值。scroll表示背景...

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

background-attachment属性

weixin_34227447的博客

07-25

251

2019独角兽企业重金招聘Python工程师标准>>> ...

CSS3——background-attachment详解

weixin_30951231的博客

07-16

305

background-attcahment： scroll: 相对于图片的容器进行定位 local: 相对于内容进行定位 fixed：相对于视口定位转载于:https://www.cnblogs.com/yangpeixian/p/11198226.html...

CSS之background-attahment属性

qq_42526440的博客

08-21

700

background-attachment属性设置背景图像是固定的还是页面的其余部分一起滚动。 background-attachment属性的参数： scroll:默认值。背景图像会随着页面其余部分的滚动而移动。 fixed：当页面的其余滚动时，按页面背景图像不会移动。 inherit：规定应该从父元素继承background-attchment属性的设置。设置了fixed属性后，即使元素具有...

background-attachment属性进阶

weixin_34335458的博客

05-19

880

前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。取值： scroll:默认值，背景图相对于元素固定，背景随页面滚动而移动，即背景和内容绑定。 fixed：背景图相对于视口固定，所以随页面滚动背景不动，相当于背景被设置在了body上。 loc...

background c3属性

一个半路出家的人

10-15

492

1. 回顾一下之前学习过的background属性 1.1 background-color 1.2 background-image 1.3 background-repeat 1.4 background-position 1.5 background-attchment 1.6 background 2. CSS3新增的bac...

css中background-origin属性的使用解析

12-02

但需要注意的是，如果元素的`background-attachment`属性被设置为`fixed`，`background-origin`属性将不再生效，因为固定背景图像始终相对于视口定位。 `background-origin`的默认值是`padding-box`，这意味着在...

【CSS】Background-Attachment 属性详解

最新发布

lph159的博客

09-23

3039

是 CSS 背景属性的一部分，它决定了背景图像是否随页面的内容滚动，或者是否固定在视窗中。这个属性在为网页添加背景时，能够帮助设计出更加灵活和独特的视觉效果。属性为网页设计提供了更多的灵活性和可能性。无论是默认的滚动背景，还是固定背景，亦或是本地滚动背景，开发者都可以根据具体场景选择合适的方式，打造出与众不同的网页布局。通过合理使用该属性，不仅可以增强网页的视觉效果，还能有效提升用户体验。希望本文能够帮助你更好地理解并使用属性，在日常的 CSS 开发中发挥其最大的作用。

CSS背景属性Background详解

weixin_33933118的博客

02-01

324

CSS背景属性Background详解本文详解了CSS的背景属性Background，包括CSS3中新增的背景属性。如果你是个CSS初学者，还可以查看之前介绍的CSS浮动属性和CSS透明属性详解。 css2 中的背景（background） CSS2 中有5个主要的背景（background）属性，它们是： background-color：指定填充背景的颜色。background...

css background-attachment属性详解

BDawn的专栏

03-05

5173

css background-attachment属性详解 background-attachment属性用途 background-attachment属性用于设置背景图片定位的参照方式 background-attachment可设置的值 scroll: 背景图片相对于容器位置固定 fixed: 背景图片相对于浏览器窗口固定 local: 背景图片相对于容器内容位置固定 background-attachment demo <!DOCTYPE html> <html lang="e

DW中CSS属性详解

aome1470的博客

11-04

1775

作者：未知来源：5D多媒体在Dreamweaver的CSS样式里包含了W3C规范定义的所有CSS1的属性，Dreamweaver把这些属性分为Type（类型）、Background（背景）、Block（块）、Box（盒子）、Border（边框）、 List（列表）、Positioning（定位）、Extensions（扩展）八个部分，如下图，下...

用dw中html设置背景,Dreamweaver 教程-CSS背景属性(background)

weixin_39797381的博客

06-11

3669

但凡正规的网站在设计时都会注重网页背景的使用，一个好的网页背景与整体设计是息息相关的。下面我们就来讲讲一些常用的CSS背景属性。1.背景颜色属性(background-color)body{background-color:red;}2.背景图片(background-image)body{background-image:url(http://www.xiazaiba.com/ima...

html中背景固定,css背景固定样式background-attachment属性介绍

weixin_42509197的博客

07-06

3183

原标题：css背景固定样式background-attachment属性介绍主要为大家介绍了在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动,需要的朋友可以参考下一、background-attachment属性在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动。语法：back...

说说background属性

曹建涛的博客

11-17

2343

前言backgound，相信接触前端的人都已经很熟悉了，但是小白们都只是停留在background:#fff的层面上，那么今天作为小白的我要揭竿而起了~(๑•̀ㅂ•́)و✧简述用作“描述背景”的css属性，background是一系列背景属性的简写，包含了下面几种具体属性：注：以下摘自w3school 值描述 CSS background-color 规定要使用的背景颜色

CSS入门之背景样式实例，背景图滚动:background-attachment,background复合样式

u011333814的专栏

01-28

1362

背景图滚动分两种： 1.background-attachment:scroll 表示图片随着滚动条滚动列表实例 i love you i love you very much do you love me if you love me please tell me i love you i love you very much do you love me i

CSS background-attachment属性三种值

weixin_34082854的博客

09-21

510

所有浏览器都支持 background-attachment 属性。注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。可能的值 scroll 默认值。背景图像会随着页面其余部分的滚动而移动。 fixed 当页面的其余部分滚动时，背景图像不会移动。 inherit 规定应该从父元素继承 background-atta...

backgound-attachment属性学习

weixin_30784501的博客

05-07

160

CSS中的背景属性 ---background background-attachment ----- 设置背景图像是否固定或者随着页面的其余部分滚动。使用方法：在使用这个属性之前需要定义background-image属性： body{　　background-image: url(....); 　　background-attachment:fixed;} ...