Question

http://estreetusa.us/piechart/ 我想修复中心图像，即24小时写在上面，请提出建议。 back是css for background-image，fish是css for overlayid image .. 相对;

提前致谢!!

Answer 1

将您的鱼类更改为：

.fish {
   background-image: url(24.png);
   width: 196px;
   height: 196px;
   position: relative;
   margin: -295px auto;
   right: 15px;
}

Answer 2

在css文件中添加此规则：

.fish{
    margin-left:3.5%;
}

Answer 3

将position: relative添加到包含这两个元素的section元素

然后将fish DIV放入back DIV（使鱼的位置依赖于背部）并相应地改变顶部和左侧设置（近似设置：顶部：96px;左： 471px;）

Answer 4

在这种情况下，您有多个选项。

您可以将左侧设置为50％，然后通过将margin-left设置为-98px（元素宽度的一半）来居中。不要忘记给它的父母职位：亲属;

.fish {
    background-image: url("24.png");
    width: 196px;
    height: 196px;
    position: absolute;
    top: 426px;
    left: 50%;
    margin-left: -98px;
}

或者你可以将24.png放在img元素中并将其显示设置为内联或内联块。然后你给父文本对齐：中心。

如果时钟上方的内容没有变化（高度），我会选择第一个选项。否则请去第二个。

祝你好运：）

Answer 5

将此css用于您当前的HTML。

background-image: url(24.png);
width: 196px;
height: 196px;
position: relative;
top: -300px;

对于上述css上边距必须针对设备特定进行调整

要将图像完美地放在中心，您必须将图像嵌套到画布中然后在css下面申请

background-image: url(24.png);
width: 196px;
height: 196px;
position: relative;

如何在div上修复图像？

5 个答案: