滚动条 和 背景位置及绝对定位

本文深入探讨CSS的高级应用,包括去除滚动条、z-index层叠、背景定位等技巧,以及如何使用HTML的marquee标签实现滚动效果,详细讲解了其各个属性如direction、behavior、loop等的作用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.     去滚动条的属性 overflow:hidden;

overflow-x:hidden; 水平超出的隐藏。

2.     z-index 层次叠加元素重叠谁的值大谁在上面

(1)      父级出现position:relative;时候z-index失效

(2)      层叠元素出现float的时候会失效

(3)      层叠元素也得设置position:absolute/fixed.

3.     background-position:100px 300px;

   Background-position:0% 50%; 50% 0;

Background-position:center center;

4.     absolute 绝对定位

使用这个属性之后,这个元素不会占位了,脱离标准文档流,同时元素本身也变成了行级块元素。往往需要设置width100%;

 

5.     marquee 滚动标签

 

他身上所具有的功能有标签属性决定。

 

Direction 决定滚动方向默认是left right up down

 

Behavior 决定滚动的方式 scroll连续滚 slide 滚动一次 alternate 来回滚动

 

Loop 循环的次数默认是无数次

 

Scrollamount 运动速度默认是6

 

Scrolldelay 表示停顿的时间单位是毫秒 1=1000毫秒

 

Aligin 元素的垂直对齐方式 top middle bottom

 

Width height 表示区域的大小

 

Hspace   vspace  表示元素在区域边界的水平距离和垂直距离

 

转载于:https://www.cnblogs.com/Shinigami/p/9800193.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值