如何在CSS中将图片放在边框上方？

debugcn 发表于 Dev

屠夫黄油

我想知道如何在CSS中管理类似的内容。

我的意思是M，在我的情况下，这是一张字母的图片，必须越过边界。

我在事件列表的tipeeestream上尝试过，但我尝试了一些操作，但不起作用。问题是，我没有关于他们的CSS样式的很好的资源，我必须获得有关他们的CSS sytle的有关浏览器的信息。

有人可以帮我吗？

编辑：这是我在其编辑器中的CSS代码

 .event .left {
    border-style: solid;
    border-width: 3px 0 3px 3px;
    border-color: black; 
 }
.left {
    
    position:relative;
    width: 50px;
    
}
.left:after {
    content: "";
    position:absolute;
    overflow:visible;
    width: 100px;
    height: 100px;
    display: block;
}
.event .middle, .event .right {
    border-style: solid;
    border-width: 3px 3px 3px 0;
    border-color: black;
}
.event.middle-event .middle, .event.middle-event .left, .event.middle-event .right{
    background: transparent;
    border-style: none;
}
.event.last-event .middle, .event.last-event .left, .event.last-event .right{
    background: transparent;
}

雷切尔（Rachel S）

您可以尝试对每个元素，背景，M和“同时”进行绝对定位和相对定位。

http://codepen.io/ruchiccio/pen/zBoGXY

<div id="background">
  <div id="m">M</div>
<div id="title">eanwhile</div>
</div>

#background {width:500px; height:100px; background-color: yellow; border:4px solid black; position:relative;}

#m {font-size:220px; position:absolute; top:-80px;}

#title {font-size:70px; position:absolute; top:10px; left:180px;}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。