.right{ background: url(~@/assets/dataJudged/bgc/anjian_bg@2x.png) no-repeat; background-size: 100% 100%; height: calc(100vh - 173px); overflow-x: auto; padding: 96px 44px 20px 31px; position: relative; .remCase{ /* position: fixed; */ /* top: 11%; right: 8.9%; width: 211px; height: 21px; */ position: absolute; top: 12px; left: 33%; transform: translateX(-50%);通过这个固定到我需要的位置上了,但是我一上下滚动他就脱离背景了
时间: 2024-04-05 16:30:40 浏览: 16
这可能是由于你使用了 `position: absolute`,该元素会相对于其最近的定位祖先元素进行定位,如果没有定位祖先元素,则相对于文档的 body 元素进行定位。如果你的父元素也是 `position: absolute` 或 `position: fixed`,则可能会导致定位出现问题。
你可以尝试将父元素的 `position` 属性设置为 `relative`,这样子元素的定位就会相对于父元素进行。另外,你可以使用 `z-index` 属性来控制元素的层级,确保元素不会被其他元素遮挡。
最后,如果你需要在滚动页面时固定元素,你可以将其设置为 `position: fixed`,这样它会相对于浏览器窗口进行定位,而不是相对于其祖先元素。
相关问题
background: url(../../../../../assets/image/pxImg.png) 0% 0% / cover no-repeat;
这是一个CSS样式属性,它用于设置元素的背景图像。具体来说,这个属性包含以下几个值:
- url(../../../../../assets/image/pxImg.png):指定背景图像的URL地址。
- 0% 0%:指定背景图像的水平和垂直位置。这里的0% 0%表示将背景图像放置在元素的左上角。
- /:用于分隔背景图像的位置和大小。
- cover:指定背景图像的大小。这里的cover表示将背景图像缩放到完全覆盖元素的内容区域。
- no-repeat:指定背景图像不重复。
因此,这个属性将背景图像放置在元素的左上角,并将其缩放到完全覆盖元素的内容区域,同时保证不重复。
background: url(../../assets/bg.jpg) no-repeat center center; 设置了没有效果
可能有几个原因导致该CSS规则没有生效:
1. 路径不正确:请确保相对路径 "../../assets/bg.jpg" 是正确的,即图片实际存在的路径与该CSS文件的相对路径是一致的。
2. 优先级不正确:如果有其他具有相同选择器和更高优先级的CSS规则存在,那么该规则将被覆盖或忽略。您可以尝试使用 !important 来提高该规则的优先级,例如:background: url(../../assets/bg.jpg) no-repeat center center !important;
3. 语法错误:请检查该CSS规则是否存在语法错误,例如拼写错误、缺少分号等。
希望这些提示能够帮助您找到问题所在。