当前位置: 首页 > 知识库问答 >
问题:

如何在背景图像下放置边框?

程和畅
2023-03-14

我有一个背景图像和它周围的边框,所以我需要把边框放在我的背景图像下,就像它在我的草稿中显示的那样。草稿图像
现在我有这样的东西。我的结果
我如何修复它?

CSS

.hero图像{
位置:相对;
宽度:100%;
左边距:44px;
最大宽度:716px;
高度:626px;
背景图像:url(“/img/hero/hero bg.jpg”)
背景重复:不重复;
背景位置:-150px;
背景剪辑:边框框;
背景大小:封面;
边框右下半径:140px;
边框左上半径:140px;
}

英雄图像::在{
内容之后:“
位置:绝对;
宽度:716px;
高度:626px;
边框:2px实心#b085b;
框尺寸:边框框;
边框右下半径:140px;
边框左上半径:140px;
变换:平移(35px,33px);

共有2个答案

云星波
2023-03-14

尝试使用"z-index"属性。指示定位元素及其后代的顺序。示例:

.hero图像{z-index:1;}

.hero-image-2{z-index:0;}

危裕
2023-03-14

在选择器后的:中添加一个z索引。

.hero-image::after {
   ...
   z-index: -1;
}

代码片段在这里。

 类似资料:
  • 我正试图为主页设置一个背景图像。我是从屏幕开始获得图像位置,填充宽度,但不是高度。我的代码中是否遗漏了什么?颤振有图像标准吗?图像缩放是否基于每个手机的屏幕分辨率?

  • 我有一个带有平铺背景图像和边框图像的Div。边框图像是带有角设计的透明. png,所以边框周围大约有90像素厚。IE在边框内启动背景图像,其中FF、Chrome和Safari在边框的外部边缘启动背景图像。在IE中,这会导致背景颜色(或主体的背景)通过透明. png边框图像显示。我尝试了背景剪辑和位置,让IE从边框外部开始背景图像,但没有运气。 我错过了什么或建议吗?样品现在就直播@样品 } 父对象

  • 问题内容: 我有一个正在编写的CSS页面,我需要在一个类中应用背景图像,然后使用另一个类将一个局部透明的背景图像放在已经存在的背景图像之上。这只是一个简单的字眼,所以让我做一个示范。 在此示例中,第一个div应该具有背景图像1,第二个div应该具有背景图像1,但是滤镜图像位于其顶部,然后第三个div应该是图像2,第四个应该是图像2并且上面具有相同的滤镜。 但是,在此示例中,.backgroundF

  • 我有一个线性布局,如下所示:

  • 很抱歉最近问了这么多问题。我刚刚开始进入pyplay。关于我之前的问题,我认为我没有把它用在我想做的事情上。 这是我做的一张快速图片来演示 这是我想让玩家移动的单一背景图像或地图。红色的X只是角色的开始。我试着让它当我移动玩家时,背景也会跟随,就像玩家在地图上移动一样。我已经限制了玩家不能离开实际屏幕的边界。只是有一点麻烦,现在试图让它这样的单一图像将沿着玩家移动,如果玩家到达地图图片移动停止。我