Question

我正在对网站进行外观修改，但我只能更改CSS而不是aspx。我想将设置在页面中的表格中的单元格内的图像移动大约100 / 100px回到0 / 0px。

标签有一个我可以获得的唯一ID，但是表的id不是唯一的，并且从css在桌面上设置背景图像会影响网站的其他部分。我也尝试在主体上设置背景图像，但是这个页面是一个框架集，其中每个框架引用相同的样式表。结果是我在每个帧中得到一个背景图像。

html的大大简化版本如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>move image</title>
        <style type="text/css">
            #imgLogo {/*how can I move this to 0,0?*/}
        </style>
    </head>
    <body>
        <table style="margin-left:100px; margin-top:100px;">
            <tr>
                <td>
                    <img id="imgLogo" src="http://www.google.com/intl/en_ALL/images/logo.gif" alt="google" />
                </td>
            </tr>
        </table>
    </body>
</html>

修改

感谢所有使用绝对位置的人。这肯定修复了示例html但不是真正的问题。原因是其中一个父元素已经有绝对位置但没有坐标。将这些元素设置为左侧和顶部位置就可以了。

Answer 1

使用CSS定位：

#imgLogo {
position:absolute;
top:100px;
left:100px;
}

Answer 2

将表ccs设置为position：relative，将图像设置为position：absolute并将其设置为top：0px和left：0px;

Answer 3

绝对定位是关键：

#imgLogo {
    position: absolute;
    top: 0;    // This is the default value, but whatever
    left: 0;   // ^
}

使用css将图像从表格单元格移动到浏览器窗口的左上角

3 个答案: