Question

我必须有一个＆＃34; Free＆＃34;在我的盒子旁边，所以我在这张照片中显示的内容。

enter image description here

我必须在这里有一张照片，但它不会出现在页面上。我尝试过交换绝对和亲戚，但它不能按我想要的方式工作，

CSS

.opretbrugerBimg {
    position: absolute;
}
.opretimg {
    position: relative;
    top: -20px;
    left: -15px;
    background-image:url('/img/gratis/gratis-logo.png');
}

HTML

<div class="opretbrugerBimg">
<div class="opretimg">
</div>
         <div class="post">
              <!---- Here are the contents of the page --->
         </div>
</div>

Answer 1

.opretimg {
    position: relative;
    top: -20px;
    left: -15px;
    background-image:url('/img/gratis/gratis-logo.png');
    /** maybe that's all you need haha**/
    width:###px;
    height:###px;

}

宽度和高度

Answer 2

使用此css。

.opretbrugerBimg {
    position: relative;
}
.opretimg {
    position: absolute;
    top: -20px;
    left: -15px;
    background-image:url('/img/gratis/gratis-logo.png');
width: 100px;  // change this width and height as per the image.  
height:100px;
z-index:2;
}

Answer 3

进入你的html代码并查找你的身体标签，然后把它放进去......

<body style="background-image:url('/img/gratis/gratis-logo.png')">
.
.
.
</body>

Answer 4

尝试background-image:url('../img/gratis/gratis-logo.png');

将图片设置为页面的背景

4 个答案: