background-position 相关问题

CSS属性,用于设置初始位置,相对于每个已定义背景图像的background-origin定义的背景位置图层

为什么带有百分比值的background-position不会移动背景?

我有一个元素,其背景图像设置为渐变,背景位置:80%;但背景位置根本不移动渐变。 你好 div { 回来...

回答 1 投票 0

如何在图像上制作 CSS 闪光效果?

当在 p 元素上使用时,我有以下闪光效果,效果非常好,但它不适用于任何 div 或 img。那么,我应该进行哪些修改才能确保发挥微光效果......

回答 1 投票 0

与滚动相关的背景位置仅运行一次

我试图将背景位置动画绑定到鼠标滚动,但它只在向上或向下滚动时执行一次,而我想要的是背景位置继续更改...

回答 1 投票 0

偏移背景图片

如何偏移背景图像,使背景仅从父容器顶部显示图像的下半部分,而图像的另一上半部分隐藏为...

回答 1 投票 0

使 CSS Shimmer Effect 工作在已加载的图像上

在 p 元素上使用时,我有以下微光效果效果很好,但它不适用于任何 div 或 img。那么,我应该进行哪些修改以确保微光效果发挥...

回答 1 投票 0

Safari 16.3 (Ventura):浏览器缩放时背景位置不正确

这里是演示:https://jsfiddle.net/kasheftin/s9o127r3/6/ 。容器 { 位置:相对; 宽度:500px; 高度:180px; 边框:1px 实心#000; } .bg1, .bg2, .bg3, .bg4 { 位置:

回答 1 投票 0

图像的背景位置不适用于较小屏幕尺寸的水平轴(右,左)

我有一张图片,宽度为 100%,高度为 600px,并设置为背景大小的封面。图像本身具有以下尺寸: https://picsum.photos/800/800 在手机和更小的平板电脑上

回答 0 投票 0

CSS:偏斜居中背景

我正在尝试使用3张图像制作导航菜单。当您将鼠标悬停在它们上方时,我会扩展已悬停的鼠标,然后折叠其余的鼠标。棘手的部分是我正在做的偏斜。我能够把它解开...

回答 1 投票 1

更改滚动jQuery / CSS上颜色的背景位置水平过渡

我最近看到了该网站-https://www.wokine.com/-在scroll()上,背景位置从具有两种颜色的线性渐变更改为将一种颜色滑出屏幕。我了解了他们如何...

回答 1 投票 0

使用CSS属性更改元素的背景

我有一个具有背景的div,我想在点击时更改背景的位置。这是我的jQuery代码段:$('#sprite')。click(function(){$(this).css('backgroundPosition','-40px'); ...

回答 3 投票 2

背景位置不适用于img类

我在一个容器中有一个img,它是容器高度的一半。 img太大,所以我使用了object-fit属性,但是它在顶部切断了img。我正在使用以下CSS ...

回答 1 投票 -1

两张背景图像,其中一张具有百分比大小,另一张覆盖剩余的图像?

我有一个div,我希望div的一半覆盖渐变,另一半是普通图像,但效果与background-size:cover;相同。并填满其余的...

回答 1 投票 1

100%的高度的背景在50%的起始水平

所需的效果:以100%的高度的背景图像和水平开始在元件的50%。 (背景中的元件的右端之前结束,或溢出隐藏在的右边缘...

回答 1 投票 -5

wordpress背景图像在移动设备中无响应

我的网站是(https://www.yahoonewsz.com),我在服务器的public_html文件夹中上传了一张图片。我使用以下代码为背景#main {background-image:url(“image908 ....

回答 1 投票 0

在线性渐变上使用背景位置的百分比值

有没有办法让背景位置占用百分比值?目前,我的按钮仅适用于宽度和背景位置的显式值。身体{min-height:100vh; ...

回答 1 投票 10

如果背景大小为100%,如何使用百分比为背景位置设置动画?

举几个例子:html {height:100%; } body {display:flex;辩解内容:中心; align-items:center;背景颜色:黑色;身高:100%; ...

回答 1 投票 1

长CSS动画缓动(背景位置)

我试图用CSS在更长的时间内平滑地为背景图像位置设置动画,比方说60秒:#movingbackground {position:absolute;顶部:0;左:0;宽度:100%; ...

回答 2 投票 2

多个背景图像定位

我有三张背景图片,全宽643px。我希望它们像这样出发:顶部图像(12px高度)无重复中间图像重复-y底部图像(12px高度)无重复我似乎无法......

回答 9 投票 35

关于背景和calc()的一个小问题

所有。我正在做一个项目。我有一个小问题。关于calc函数。众所周知..它适用于所有浏览器.. ========== ok ============= background-color:#dfdfdf;背景图片:...

回答 1 投票 0

background-attachment:固定,移动Chrome版本之间的位置

我有一个与徽标颜色相同的网站的全宽部分。所以我使用了background-attatchment:固定以保持第二个“仿”(就像它的设计一样)徽标顶部...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.