Html 如何删除div的一部分'；s左边界

我有一张透明背景的照片，它重叠在一个div的顶部

如何删除与图片重叠的div边框部分

以下是我想要的：

以下是我到目前为止得到的信息：

。任务边界{
边框：1px实心#ccc；
填充：10px 5px 15px 57px；
}
.任务边界跨度{
字体大小：1.5rem；
字体大小：粗体；
}
.任务边界p{
颜色：rgb（117、112、112）；
}
戴蒙德：以前{
内容：''；
宽度：64px；
高度：64px；
背景：url（“http://storage3.static.itmages.ru/i/16/0622/h_1466575194_5693746_71d457d34b.png）0不重复；
z指数：-1；
位置：绝对位置；
左-4.7%；
排名前10%；
}

Фирменный стиль
这是一个很好的例子

编辑刚刚在

中添加了新的css。diamond:before{background:#fff；}

这就是你想要的

。任务边界{
边框：1px实心#ccc；
填充：10px 5px 15px 57px；
}
.任务边界跨度{
字体大小：1.5rem；
字体大小：粗体；
}
.任务边界p{
颜色：rgb（117、112、112）；
}
戴蒙德：以前{
内容：''；
宽度：64px；
高度：64px；
背景：url（“http://storage3.static.itmages.ru/i/16/0622/h_1466575194_5693746_71d457d34b.png）0 0不重复#fff；
z指数：9999；
位置：绝对位置；
左-4.7%；
排名前10%；
}

Фирменный стиль
这是一个很好的例子

编辑刚刚在

中添加了新的css。diamond:before{background:#fff；}

这就是你想要的

。任务边界{
边框：1px实心#ccc；
填充：10px 5px 15px 57px；
}
.任务边界跨度{
字体大小：1.5rem；
字体大小：粗体；
}
.任务边界p{
颜色：rgb（117、112、112）；
}
戴蒙德：以前{
内容：''；
宽度：64px；
高度：64px；
背景：url（“http://storage3.static.itmages.ru/i/16/0622/h_1466575194_5693746_71d457d34b.png）0 0不重复#fff；
z指数：9999；
位置：绝对位置；
左-4.7%；
排名前10%；
}

Фирменный стиль
这是一个很好的例子

添加

背景：#fff

图像

url

和

z-index:-1

到

z-index:0

。。。 这是工作

。任务边界{
边框：1px实心#ccc；
填充：10px 5px 15px 57px；
位置：相对位置；
}
.任务边界跨度{
字体大小：1.5rem；
字体大小：粗体；
}
.任务边界p{
颜色：rgb（117、112、112）；
}
戴蒙德：以前{
内容：''；
宽度：64px；
高度：64px；
背景：url（“http://storage3.static.itmages.ru/i/16/0622/h_1466575194_5693746_71d457d34b.png）不重复；
z指数：0；
位置：绝对位置；
左：-32px；
最高：50%；
边缘顶部：-32px；
}

Фирменный стиль
这是一个很好的例子。это индивидуальность фирмы, вынесенная на обозрение. 这是一个很好的例子

添加

背景：#fff

图像

url

和

z-index:-1

到

z-index:0

。。。 这是工作

。任务边界{
边框：1px实心#ccc；
填充：10px 5px 15px 57px；
位置：相对位置；
}
.任务边界跨度{
字体大小：1.5rem；
字体大小：粗体；
}
.任务边界p{
颜色：rgb（117、112、112）；
}
戴蒙德：以前{
内容：''；
宽度：64px；
高度：64px；
背景：url（“http://storage3.static.itmages.ru/i/16/0622/h_1466575194_5693746_71d457d34b.png）不重复；
z指数：0；
位置：绝对位置；
左：-32px；
最高：50%；
边缘顶部：-32px；
}

Фирменный стиль
这是一个很好的例子。это индивидуальность фирмы, вынесенная на обозрение. 这是一个很好的例子

看起来像是索引问题

只需更改

.diamond:before

css这样

.diamond:before {
    content: '';
    width: 64px;
    height: 64px;
    background: url("http://storage3.static.itmages.ru/i/16/0622/h_1466575194_5693746_71d457d34b.png") 0 0 no-repeat;
    z-index: 1;
    position: absolute;
    left: -4.7%;
    top: 10%;
}

---

看起来像是索引问题

只需更改

.diamond:before

css这样

.diamond:before {
    content: '';
    width: 64px;
    height: 64px;
    background: url("http://storage3.static.itmages.ru/i/16/0622/h_1466575194_5693746_71d457d34b.png") 0 0 no-repeat;
    z-index: 1;
    position: absolute;
    left: -4.7%;
    top: 10%;
}

---

你为什么要把z指数定在-1。戴蒙德：以前？只要把它提高一点，它就会被解决。你为什么要在上面做z-index:-1。戴蒙德：以前？只要把它提高一点，它就会被解决？一个问题，如何使一张图片始终站在一个垂直的中间？我已经更新了片段。添加

top:50%

并添加图像的负上边距半高，如

margintop:-32px

太棒了！我很高兴它有帮助：）不经意间德鲁帕尔也知道吗=对不起，我不知道。在Drupal中帮不上忙。一个问题是，如何始终站在垂直中间制作图片？我已经更新了片段。添加

top:50%

并添加图像的负上边距半高，如

margintop:-32px

太棒了！我很高兴它有帮助：）不经意间德鲁帕尔也知道吗=对不起，我不知道。在Drupal中帮不上忙。