如何修复 div 上的图像？

Question

http://estreetusa.us/piechart/ 我想修复中心图像，即写在上面的 24 小时，请建议。 back 是背景图像的 css 和 fish 是叠加图像的 css .. 亲戚；

提前致谢！！

Answer 1

在您的 css 文件中添加此规则：

.fish{
    margin-left:3.5%;
}

Answer 2

把你的鱼class改成这样：

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

Answer 3

首先将 position: relative 添加到包含两个元素的 section 元素，

然后把fish DIV放在back DIV里面（让鱼的位置靠背），然后相应地改变顶部和左侧的设置（近似设置：上：96px；左：471px；）

Answer 4

在这种情况下你有多种选择。

您可以将 left 设置为 50%，然后通过将 margin-left 设置为 -98px（元素宽度的一半）将其居中。不要忘记给它的父位置：relative;

.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 上边距必须针对特定设备进行调整

要使图像完美居中，您必须将图像嵌套到 canvas 然后在下方申请 css

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

如何修复 div 上的图像？

How to fix an image over the div?

html

css

overlay

image

absolute